Question

众所周知，除非position：absolute的元素不在另一个定位元素内，否则它将不再流动。因此跨度没有蓝色背景。

<body>
  <div class = "main" style="background-color: blue;" />
      <span style="position:absolute"> Some content right here</span>
  </div>
  </body>

但是，如果我们将position:relative设置为.main的样式，则span应为蓝色背景。那为什么不呢？

Answer 1

不管位置如何，

Background color都不会继承（虽然可以做到），因此不清楚你在问什么。

但是，在这种情况下，因为你已经完全定位了子div，所以父级崩溃（因为孩子现在不在流程中）到没有高度，因此没有显示背景。

如果你给div一些高度，背景就会出现。但是，这不会影响范围的背景，默认为透明。

具有位置的元素：在另一个定位元素内的绝对值不会继承背景颜色

1 个答案: