在CSS中,我們經常需要設置div元素的高度,以達到設計要求。然而,有時候我們設置了高度,但實際上它并沒有生效。這個問題可能是由于以下原因引起的。
div{ height: 100px; }
1. 沒有清除浮動
當我們在div中使用了浮動元素時,浮動元素超出了容器的范圍,導致容器的高度無法被正確計算。這時候我們需要使用clearfix來清除浮動。
.clearfix:after{ content: ""; clear: both; display: block; }
2. 有內部元素撐開了高度
當我們設置了div高度,但內部元素的高度超出了父容器的高度時,div元素的高度被撐開了。這時我們需要設置內部元素的高度或者使用overflow:hidden來隱藏溢出的部分。
3. 設置了最小高度
當我們設置了最小高度,而實際內容的高度小于最小高度時,div元素的高度會受到最小高度的限制,導致無法達到我們想要的高度。
div{ min-height: 100px; }
總結:以上是css設置div高度無效的可能原因及解決方法。
上一篇css 設置按鈕彈出圖片
下一篇php date( y