CSS清除浮动的用法之clear:both清除浮动

为了统一样式,我们新建一个样式选择器CSS命名为“.clear”,并且对应选择器样式为“clear:both”,然后我们在父级“</div>”结束前加此div引入“class=”clear””样式。这样即可清除浮动。

CSS部分如下:

.divcss5{ width:400px;border:1px solid #F00;background:#FF0} 
.divcss5-left,.divcss5-right{width:180px;height:100px; 
border:1px solid #00F;background:#FFF} 
.divcss5-left{ float:left} 
.divcss5-right{ float:right} 
.clear{ clear:both} 

html部分如下

<div class="divcss5"> 
    <div class="divcss5-left">left浮动</div> 
    <div class="divcss5-right">right浮动</div> 
    <div class="clear"></div> 
</div> 

这样在divcss5后面的div就可以正常排版了

本站发布的部分软件和代码等由蓝色创想在网上搜集、整理、验证。仅用于个人学习、研究或欣赏。如需商业用途请购买正版。如侵犯到您的权益请告知删除。
蓝色创想 » CSS清除浮动的用法之clear:both清除浮动

极具性价比的企业信息化方案商

了解详情 立即联系