1.浮动默认的是左上角或右上角,但是常常下一个元素会受到这个浮动元素的影响。为了解决这个问题,我们经常会需要清除浮动。
2.清除浮动
(1)网页结尾没有内容时候清除浮动的写法:
small-img:after{
content:'\20';
display:block;
height:0;
clear:both;
}
注:small-img是上个盒子模块的选择器。
(2)网页中的内容清除浮动的方法:
.clear{
clear:both;
}
注:此处定义了一个类选择器,将 <div class="clear"></div>放在网页任何地方即可清除上面内容的浮动。