如果我的第一个div是'postion：absolute'，我的第二个div会继承它吗？当测试2呈现在屏幕上时，它位于最左上方。为什么会这样呢？
.postionab { position: absolute; left: 0px; }
<div class="positionab">test 1 </div> <div class="secondiv"> test 2 </div>
beq87vna1#
position: absolute永远不会被继承-即使是子元素。它何以是这样的？因为secondiv不是positionab的子节点。它们是完全独立的实体。如果您想将secondiv放在positionab的左上角，请将其设置为子对象。
position: absolute
secondiv
positionab
<div class="positionab"> test 1 <div class="secondiv"> test 2 </div> </div>
vu8f3i0k2#
不，第二个div不继承position属性。第二个元素位于左上角的原因是流中没有其他元素在它上面。通过将position:absolute应用于第一个元素，可以将其从流中取出。绝对定位元素不会影响除其子元素之外的任何其他元素的位置。绝对定位的元素有时被称为层，它描述了它在页面中的存在方式，而不会影响元素的常规流动。
div
position
position:absolute
2条答案
按热度按时间beq87vna1#
position: absolute永远不会被继承-即使是子元素。它何以是这样的？
因为
secondiv不是positionab的子节点。它们是完全独立的实体。如果您想将
secondiv放在positionab的左上角，请将其设置为子对象。vu8f3i0k2#
不，第二个
div不继承position属性。第二个元素位于左上角的原因是流中没有其他元素在它上面。通过将
position:absolute应用于第一个元素，可以将其从流中取出。绝对定位元素不会影响除其子元素之外的任何其他元素的位置。绝对定位的元素有时被称为层，它描述了它在页面中的存在方式，而不会影响元素的常规流动。