欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css樣式浮動占高度

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

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

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

<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元素來占據(jù)高度。需要注意的是,在清除浮動的div元素后,要使用clear: both樣式來清除左右兩側(cè)的浮動元素。

總之,在使用CSS樣式中的浮動樣式時,我們需要注意占據(jù)高度的問題??梢酝ㄟ^添加空div元素或其他方式來解決這個問題。