最近遇到一個問題：當使用 position:absolute 時，給父元素添加 position:relative 父元素高度塌陷，此時如何使得父元素的高度被子元素撐開？

我了解到的高度塌陷無非就是：float屬性,display:absolute/fixed屬性

float與display:absolute/fixed都會使元素脫離文檔流，使后面的元素竄到鈣元素下方，這個就是高度塌陷，為了解決這個問題，通常是

1、為該元素添加一個子標簽<div style="clear:both">,

2、給該元素overflow：hidden??

3、zoom:1 + 偽元素

4、還有一萬能清除法

.clearfix:after{content:".";display:block;height:0;clear:left;visibility:hidden;}

但是針對 position:absolute這種情況，以上方法都不會有效，
查資料，都說CSS不能直接完成這個需求，只能通過JS方法控制父元素的高度，我也沒找到其他方式，在此記錄下

?

?

轉載于:https://www.cnblogs.com/zjt-blogs/p/10732207.html

總結

以上是生活随笔為你收集整理的【小记】-006--关于高度塌陷的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。