Html 列表不';不包含其浮动列表项

Html 列表不';不包含其浮动列表项,html,css,css-float,Html,Css,Css Float,在以下代码中,未显示ul。这就像李的需要清除,但我不能这样做,因为我有其他浮动,它会弄乱。为什么ul不把它的li封装起来,有没有办法让它工作?(我只在Firefox中测试过) li{float:左;} ul{背景:#F00;} 一个 两个 三 非常简单: 将overflow:auto添加到ul规则中 我不确定你所说的“但我不能这样做,因为我有其他的浮动,它会弄乱”-你需要展示更多的代码,并更好地描述你想要的内容。这真的很简单: 将overflow:auto添加到ul规则中 我不

在以下代码中,未显示ul。这就像李的需要清除,但我不能这样做,因为我有其他浮动,它会弄乱。为什么ul不把它的li封装起来,有没有办法让它工作?(我只在Firefox中测试过)


li{float:左;}
ul{背景:#F00;}
  • 一个
  • 两个
非常简单:

  • overflow:auto
    添加到
    ul
    规则中

我不确定你所说的“但我不能这样做,因为我有其他的浮动,它会弄乱”-你需要展示更多的代码,并更好地描述你想要的内容。

这真的很简单:

  • overflow:auto
    添加到
    ul
    规则中


我不确定你所说的“但我不能这样做,因为我有其他的浮动,它会弄乱”-你需要显示更多的代码,并描述你想要的更好一些。

我现在无法链接到演示,但我认为添加
溢出:隐藏
ul
的CSS应该可以工作。

我现在无法链接到演示,但我认为添加
溢出:隐藏
ul
的CSS应该可以工作。

默认情况下,没有容器将包围浮动的项目。这是正常的行为,不是ul/li的特殊行为。默认情况下,浮动项目周围不会有容器。这是正常的行为,不是ul/li的特殊行为。非常有效,谢谢。这似乎有点奇怪,你不得不补充说,这是有原因的吗?我不知道我是否应该使用clear:left;在某个地方,但这会弄乱页面上的其他浮动,但现在这无关紧要,溢出:自动工作。原因是一个众所周知的问题。互联网上有很多关于这方面的文章,看起来是一个清晰的解释。是的,我读过关于清理浮动的文章,我只是想把它作为一个潜在的解决方案。这非常有效,谢谢。这似乎有点奇怪,你不得不补充说,这是有原因的吗?我不知道我是否应该使用clear:left;在某个地方,但这会弄乱页面上的其他浮动,但现在这无关紧要,溢出:自动工作。原因是一个众所周知的问题。互联网上有很多关于它的文章,看起来是一个清晰的解释。是的,我读过关于清理浮动的文章,我只是想把它作为一个潜在的解决方案。它确实有效。与
overflow:auto
相比,您想使用
overflow:hidden
有什么特别的原因吗?在您发送给我的链接中,它说一些非常旧的浏览器将始终显示带有overflow:auto的元素的滚动条@三十点,@Rob:很抱歉,我花了这么长时间才做出回应,但是正如Rob指出的那样,存在一些问题(比如经常出现的滚动条),这些问题降低了
auto
的美学使用。但这是我喜欢使用
hidden
而不是
auto
的唯一原因。它确实有效。与
overflow:auto
相比,您想使用
overflow:hidden
有什么特别的原因吗?在您发送给我的链接中,它说一些非常旧的浏览器将始终显示带有overflow:auto的元素的滚动条@三十点,@Rob:很抱歉,我花了这么长时间才做出回应,但是正如Rob指出的那样,存在一些问题(比如经常出现的滚动条),这些问题降低了
auto
的美学使用。但这是我喜欢使用
hidden
而不是
auto
的唯一原因。
<style>
   li { float: left; }
   ul { background: #F00; }
</style>

<ul>
   <li>One</li>
   <li>Two</li>
   <li>Three</li>
</ul>