色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css樣式浮動占高度

夏志豪2年前8瀏覽0評論

在網頁布局中,經常需要實現多個元素排列的效果。我們可以使用CSS中的浮動樣式來實現。但是,浮動占用高度的問題也是我們需要注意的一個問題。

在沒有浮動元素的情況下,一個Div元素會根據其內容自適應高度。但是,當我們給該Div元素添加了浮動樣式之后,它就不再占據原有高度了。這時候,我們需要通過其他方式來占據高度。

<style>
.left{
float: left;
width: 200px;
background-color: pink;
}
.right{
float: right;
width: 200px;
background-color: skyblue;
}
.clearfix{
clear: both;
}
</style>
<div class="left">
浮動元素一
</div>
<div class="right">
浮動元素二
</div>
<div class="clearfix"></div>

如上代碼所示,我們可以使用一個空的div元素來占據高度。需要注意的是,在清除浮動的div元素后,要使用clear: both樣式來清除左右兩側的浮動元素。

總之,在使用CSS樣式中的浮動樣式時,我們需要注意占據高度的問題。可以通過添加空div元素或其他方式來解決這個問題。