css怎么清除浮動

今天小編給大家分享一下css怎么清除浮動的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

為了對立教授教養(yǎng)浮動打算門徑，若是了有三個盒子對象，一個父級里涵概了兩個子級，子級一個運用了float:left屬性，此外一個子級運用float:right屬性。同時設(shè)置裝備擺設(shè)div css border，父級css邊框色調(diào)為紅色，兩個子級邊框色調(diào)為藍色；父級CSS后援花式為黃色，兩個子級后盾為純白色；父級css width寬度為400px，兩個子級css寬度均為180px，兩個子級再設(shè)置相反高度100px，父級css height高度暫不設(shè)置裝備擺設(shè)（一樣平常為實踐css結(jié)構(gòu)時分如許父級都不設(shè)置裝備擺設(shè)高度，而高度是隨形式增多自適應(yīng)高度）。

父級CSS定名為“.CSS5”對應(yīng)html標簽應(yīng)用“<div class="CSS5">”
兩個子級CSS命名分袂為“.CSS5-left”“.CSS5-right”

遵照以上描述CSS5給出對應(yīng)CSS代碼與HTML代碼片斷

CSS代碼：

.CSS5{ width:400px; border:1px solid #F00; bac公斤round:#FF0} 
.CSS5-left,.CSS5-right{ width:180px; height:100px; 
border:1px solid #00F; background:#FFF} 
.CSS5-left{ float:left} 
.CSS5-right{ float:right}

對應(yīng)html源代碼片斷：

<div class="CSS5"> 
<div class="CSS5-left">left浮動</div> 
<div class="CSS5-right">right浮動</div> 
</div>

以上就是“css怎么清除浮動”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關(guān)注億速云行業(yè)資訊頻道。