絕對定位和父級 div 高度
此問題探討了使絕對定位的 div 擴展其父級 div 的高度的挑戰。作者提出了一個場景，他們希望在桌面和行動裝置上將一個子 div (child2) 放置在另一個子 div (child1) 之前。為了實現這一點，他們在 child2 上使用絕對定位。
但是，作者指出，絕對定位的元素已從正常文件流中刪除，這意味著它們會被其他元素忽略。當嘗試擴展父div的高度以適應child2的動態高度時，這會帶來問題。
作者嘗試使用父div上的overflow:hidden和clearfix hack來解決這個問題，但無濟於事。他們的結論是必須使用固定高度，或是需要 JavaScript 來重新定位 div。
作為替代方案，作者建議使用 CSS Flexbox 或網格佈局，它允許反轉 HTML 元素在 HTML 元素中的視覺順序。父容器而不訴諸絕對定位。
以上是如何讓絕對定位的 div 擴大其父級的高度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
