html – 为什么对于带有样式浮点数的li：左侧浏览器将ul元素的高度计算为0？

概述在要点上提供的代码中： https://gist.github.com/1341600 我正在尝试使用ul / li元素将一些搜索表单元素(而不是表格)组合在一起. 在浏览器中检查输出时(带有firebug的Chrome 15 / FF 7),ul元素似乎高度为0,li元素显示在它之外.当我评论出来的时候 向左飘浮;来自ul.search-inputs li CSS声明的语句然后正确显示ul元素的 在要点上提供的代码中： https://gist.github.com/1341600
我正在尝试使用ul / li元素将一些搜索表单元素(而不是表格)组合在一起.
在浏览器中检查输出时(带有fireBUG的Chrome 15 / FF 7),ul元素似乎高度为0,li元素显示在它之外.当我评论出来的时候

向左飘浮;来自ul.search-inputs li CSS声明的语句然后正确显示ul元素的高度.

任何人都可以指出我的解决方案,以正确看到ul元素的高度？

解决方法

That’s not a BUG,it’s a feature!

浮动元件的容器收缩,以便其他内联元件围绕它流动(根据规格).

在这种情况下,3个选项是：

>使用已知高度值并将其应用于ul元素.

ul { height: 150px; }

>使用ul元素上的overflow属性强制浏览器重新计算其高度及其中的所有元素.

ul { overflow: hIDden; } /* hIDden is preferred as it never adds scrollbars */

>浮动容器本身.因为如果它自己漂浮就没有必要缩小它.

ul { float: left; }

总结

以上是内存溢出为你收集整理的html – 为什么对于带有样式浮点数的li：左侧浏览器将ul元素的高度计算为0？全部内容，希望文章能够帮你解决html – 为什么对于带有样式浮点数的li：左侧浏览器将ul元素的高度计算为0？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。