CSS中可以使用float屬性讓div元素實現浮動。但是,在設置浮動的同時也需要設置其高度。
.div { float: left; height: 100px; /*設置高度*/ }
當沒有顯式地給浮動元素設置高度時,其高度往往會被內容撐開。這時候,可以通過設置浮動元素中的某些子元素的高度來控制浮動元素的高度,如下:
.div { float: left; } .div-child { height: 100px; /*子元素的高度*/ }
在使用浮動元素時,需要特別注意父元素可能遇到的高度塌陷問題。若父元素的高度無法被撐滿,則需要使用清除浮動的方法解決。
.clear_float:after { content: ""; display: block; height: 0; line-height: 0; clear: both; }
以上就是CSS設置div浮動高度的相關內容,希望能幫助大家更好地理解浮動元素的使用。