如何进行清除浮动

针对如何清除浮动,是对受影响的元素中添加清除浮动样式,即可做到清除浮动;

部分代码如下:

<div style="float:left;'>向左浮动了</div>

<p style="">我要被影响了呀</p>

由于div向左浮动,P标签会跟随着DIV,因此要想P标签另起一行,可用如下方法:

1、clear:both;(给当前元素清除周围的浮动)

2、100%,overflow:hidden;//这个要两个一起用才能清除浮动,给父元素设置浮动,

3、在浮动元素后加个div设置clear: both; height:0,overflow:hidden

4、使用clearfix;使用伪元素进行设置,但是又弊端

第一种清除浮动,主要是用在紧邻的元素起效果;第二种方法清除浮动,主要是用在父元素上起效果。

使用overflow属性。此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。使用该方法是只需在需要清除浮动的元素中定义CSS属性:overflow:auto,即可!”zoom:1″用于兼容IE6,也可以用100%。

如有博友有其他心得,请多多提点。。

原文地址:https://www.cnblogs.com/chayan/p/5828075.html