clear:both的用法

Posted 卡布奇诺Princes

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了clear:both的用法相关的知识,希望对你有一定的参考价值。

这个清除浮动用法,举个例

<div style="background-color: green;">

<div style="float:left; height: 50px; background-color: red;">这个左浮动</div>

<div style="float:right; height: 50px; background-color: blue;">">这个右浮动</div>

<div style="clear:both;"></div>

</div>

你试下把 <div style="clear:both;"></div>去掉和保留,再看效果,就明白了

以上是关于clear:both的用法的主要内容,如果未能解决你的问题,请参考以下文章

div+css中clear用法

CSS 规则“clear: both”有啥作用?

clear both

清除浮动clear:both的应用详解

关于css中clear:both清除浮动防止父级元素高度坍塌的原理

.clearfix的用法