使用过浮动后要清除

1.浮动默认的是左上角或右上角,但是常常下一个元素会受到这个浮动元素的影响。为了解决这个问题,我们经常会需要清除浮动。

2.清除浮动

(1)网页结尾没有内容时候清除浮动的写法:

small-img:after{
    content:'\20';
    display:block;
    height:0;
    clear:both;
}

注:small-img是上个盒子模块的选择器。

(2)网页中的内容清除浮动的方法:

.clear{
    clear:both;
}

注:此处定义了一个类选择器,将 <div class="clear"></div>放在网页任何地方即可清除上面内容的浮动。

猜你喜欢

转载自blog.csdn.net/Julie115/article/details/81139422