关于css中的清楚浮动

[加油＾０＾あさ]

想问一下各位大佬，clear: both 说是清除两侧浮动元素对当前元素的影响，那么怎么判断哪个元素对它影响最大？？？

[winzond]

我一个菜鸟的经验，浮动并不容易控制，layui这种比较专业的也不用浮动，有很多方法可以达到效果，比如绝对定位，添加窗口尺寸变化事件调整绝对定位值；用div包装，将div设置为行内块，它就能自动左对齐排列；如果有右对齐的，用表格也可以解决，宽度100%，左边表格左对齐，右边表格右对齐，窗口尺寸变化时，表格会自适应调整

[Hongjin_]

没必要纠结那么多。清除浮动只在你元素脱标需要占位的时候才会考虑 //不占位，脱标 <div style="float:left;">浮动元素</div> //占位，但仍然脱离标准流 <div style="float:left;">浮动元素</div> <div style="clear:both"> 也可以通过伪元素清除浮动实现

[九州县令]

overflow:hidden 浮动的后面新加一个标签 .clear {clear:both } 利用伪类清除浮动 如： .clearfix:before,.clearfix:after { content: ‘’; display: table; } .clearfix:after { clear: both } .clearfix { *zoom: 1; /*此处是为ie6、7处理的方式 /}

[御前代码侍卫]

给浮动元素父级添加一个clearfix clearfix:after{ content:""; (这个 是设置一个伪元素为空） height;0; display:block;（设置该伪元素为块级元素） clear:both;（清除该元素前面的浮动） } clearfix{ zoom:1;（兼容ie6) } 还有一种是给浮动元素父级设置overflow:hidden;但是这种做法会有作弊嫌疑，不推荐使用

[医手]

了解一下Flex布局吧，这样再也没有浮动了。再也用不着那些诡异的布局技巧了。

[当作看不见]

浮动这东西确实可以放进历史的垃圾堆了,在flex 之前,也没有使用 float 的必要

[加油＾０＾あさ]

引用 11 楼 HongJin_zhu的回复:

给分了给分了

这个怎么给发

[Hongjin_]

有flex以后，float就不好用了

[Hongjin_]

给分了给分了

[wylwyl1108]

clear:both表示碰到左浮动和右浮动的标签都换行
哪个影响大，其实就是指哪个标签高度值大，高度值大的那个浮动才会碰到当前标签

[Hongjin_]

引用 12 楼 轻粉的屎壳郎 的回复:

[quote=引用 11 楼 HongJin_zhu的回复:]给分了给分了

这个怎么给发[/quote] 结贴啦。。我的天，查四个月一年了，别拖欠农民工工资，好么