想问一下,这里为什么要设置overflow:hidden;感觉这个好像很常见,不懂为什么,求教?
overflow:hidden;意思为当内容宽高大于父容器宽高,超出的部分就会被隐藏。
本题中内容宽度为:(386.66+20)* 3 = 1220
父容器宽度为:1200 < 1220
所以这里如果不加overflow:hidden;则父容器无法在一行中容纳所有的内容,最后一个div元素会换行显示;
但是如果你加overflow:hidden;内容超过父容器的部分可以被隐藏,即可做到一行显示。
这里不设置也没关系是因为有一句margin-right:-20px;
清除浮动
移除元素