今天小編給大家分享一下css怎么清除浮動的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
為了對立教授教養浮動打算門徑，若是了有三個盒子對象，一個父級里涵概了兩個子級，子級一個運用了float:left屬性，此外一個子級運用float:right屬性。同時設置裝備擺設div css border，父級css邊框色調為紅色，兩個子級邊框色調為藍色；父級CSS后援花式為黃色，兩個子級后盾為純白色；父級css width寬度為400px，兩個子級css寬度均為180px，兩個子級再設置相反高度100px，父級css height高度暫不設置裝備擺設（一樣平常為實踐css結構時分如許父級都不設置裝備擺設高度，而高度是隨形式增多自適應高度）。
父級CSS定名為“.CSS5”對應html標簽應用“<div class="CSS5">”
兩個子級CSS命名分袂為“.CSS5-left”“.CSS5-right”
遵照以上描述CSS5給出對應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}對應html源代碼片斷：
<div class="CSS5"> <div class="CSS5-left">left浮動</div> <div class="CSS5-right">right浮動</div> </div>
以上就是“css怎么清除浮動”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
