Question

css 这里为什么用overflow：hidden？

li设置浮动时，ul没有内容就会收缩显示不出背景，为什么加了overflow：hidde后就可以了呢？

Answer 1

比如 一个div width:100 height:100 里面放4张 100*100的图片 不加这个那么会显示4张 而且是超出这个范围的
这个overflow 就是 溢出部分隐藏 这样就只会显示 第一张了 然后关于 clear both 意思是清除所有浮动 上面的代码可能有 float:left float:right 可能会影响到下面的模块 跟着上浮 所以 清除

Answer 2

overflow:hidden是当元素内的内容溢出的时候使它隐藏溢出的部分；
通常用在规定了高度的元素而不确定里面内容是否会超出的时候用overflow:hidden，使页面效果达到更好

Answer 3

overflow：hidden的意思是当内容超出了区域以后，超出的部分内容不显示。

Answer 4

你的回答是没有错误，可是好像回答的不是问的，为什么设置overflow:hidden以后就可以显示背景图片，是因为形成了BFC，由于BFC的性质，浮动的高没有崩塌，也就是没有收缩，因此背景图片就出来了。更具体的可以参考我写的这篇文章：网页链接

Answer 5

引用zhangqi0192的回答：
比如 一个div width:100 height:100 里面放4张 100*100的图片 不加这个那么会显示4张 而且是超出这个范围的
这个overflow 就是 溢出部分隐藏 这样就只会显示 第一张了 然后关于 clear both 意思是清除所有浮动 上面的代码可能有 float:left float:right 可能会影响到下面的模块 跟着上浮 所以 清除

别逗了老哥误人子弟