Fatal编程技术网
  • html/
  • Html CSS3-溢出：隐藏修复高度？

Html CSS3-溢出：隐藏修复高度？

html css

Html CSS3-溢出：隐藏修复高度？,html,css,overflow,Html,Css,Overflow,我有一个UL，里面有一些项目： <ul> <li><a href="#"><img alt="FaceBook" src="images/facebook.png" /></a></li> <li><a href="#"><img alt="Twitter" src="images/twitter.png" /></a></li> </ul&g

我有一个UL，里面有一些项目：

<ul>
    <li><a href="#"><img alt="FaceBook" src="images/facebook.png" /></a></li>
    <li><a href="#"><img alt="Twitter" src="images/twitter.png" /></a></li>
</ul>

    

  • 

  •
它在网页上显示得很好，但UL的真实高度是0像素

仅当我向UL添加
overflow:hidden
参数时，高度固定：

我一直认为，
overflow:hidden
只会阻止项目从容器中移出，但实际上不会影响容器的尺寸。而默认高度应自动设置为足以容纳所有项目的高度

问题：为什么UL在默认情况下没有
auto
高度，为什么
overflow:hidden
会影响它？

默认情况下
占用与其子元素一样多的空间（请参阅）。如果您正在经历一些与此不同的事情，那么您已经对其应用了一些CSS，从而打破了默认行为

如果您的
浮动
您的
    • 标签将不再占用任何空间，这将使您的
    消失。的确，它占用的空间和它的子对象一样多，但现在子对象不再占用任何空间，因为它们是浮动的。设置
    溢出：隐藏到你的
    就是一个解决方案。
    你能把你的
  • 和样式也放进去吗。我认为是他们造成了这种局面。														
    •