为什么在mainbody用clear:both和width:100%;overflow:hidden;会有不同的效果啊？

挥挥手001

2016-03-14

源自：网页布局基础 3-5

关注问题我要回答

346

操作

收起

1 回答

hansnow
2016-03-14

我是这么理解的：

在这节课里面，老师说过clear是用于float元素紧邻的下一个元素清除浮动，但例子中mainbody缩成了一个点的原因是.left和.right设置了float后脱离了普通文档流，也就是“浮”出来了，在mainbody看来，它自己“肚子”里什么东西都没有，很自然就缩成一个点了。mainbody并不是.left或者.right紧邻的下一个元素，所以clear没用，所以用overflow:hidden来忽视“浮”出来的元素，扩充成正常大小