html div的位置絕對繼承？

Question

如果我的第一個div是'postion：absolute'會由第二個div繼承嗎？

<div class="positionab">test 1 </div> 

<div class="secondiv"> test 2 </div> 


.postionab{ 

position: absolute; 
left:0px; 
} 

當測試2在屏幕上呈現它是在最左上角..位置，爲什麼會這樣？

Answer 1

沒有，第二div不會繼承position屬性。

第二個元素位於左上角的原因是上面的流中沒有其他元素。通過將position:absolute應用於第一個元素，可以將其從流中移出。

絕對定位的元素不會影響任何其他元素的位置，而不會影響其子元素的位置。一個絕對定位的元素有時被稱爲一個層，它描述了它在頁面中存在的方式，而不會影響元素的正常流動。

Answer 2

position: absolute永遠不會被繼承 - 即使對於子元素也不會。

爲什麼會這樣？

因爲secondiv不是positionab的子女。他們是完全獨立的實體。

如果你想將secondiv放在positionab的左上角，讓它成爲一個孩子。

<div class="positionab"> 
test 1 

<div class="secondiv"> test 2 </div> 

</div>