快捷导航

为什么box2设置清除左浮动后box3也跟着box2下来了?

Title        html,body{    margin: 0;}div{    height: 200px;    width: 200px;    border:2px solid red;    margin: 4px;    float: left;}#box2{     clear: left; }    第一个盒子
    第二个盒子
    第三个盒子
还有就是如果box2设置清除右浮动为什么三个盒子会依然显示在一行?

免责声明:本内容仅代表回答者见解不代表本站观点,请谨慎对待。

版权声明:作者保留权利,不代表本站立场。

回复

使用道具 举报

参与会员1

因为清除浮动是针对自身之前的元素,给box2设置了清除左浮动实际上就是清除了box1的浮动带来的副作用,那么box2及其后面的元素都会换行。
同样的道理,box2清除右浮动,然而box2前面的元素并没有右浮动,当然3个盒子还是会显示在一行里啦。
回复

使用道具 举报

可能感兴趣的问答

发新帖
  • 微信访问
  • 手机APP