今天小编给大家分享一下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进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
