CSS中clear:both的作用

clear:both意思就是清除浮动,例如我们设置了三个div如下:


    侧边栏
    侧边栏
   

内容

    底部栏

我们希望最后一个“底部拦”的div可以位于最底下,但是这样写运行发现底部拦位于上方了:

这时候我们在底部栏的div上加入clear:both;


    底部栏

运行发现,底部栏div成功位于底部了:

这是因为使用clear:both;清除了前面两个div设置的float: left;(浮动)

 

你可能感兴趣的:(web前端开发)