包装浮动块元素

Question

看看这个小提琴：http://jsfiddle.net/FK3cd/3/

我想要的是<li>在宽度比固定容器宽时突破到下一行。换句话说，我希望<li>换行到下一行，而不是将容器推得更宽。例如。像这样：http://jsfiddle.net/FK3cd/4/（除了没有明确的宽度）

这可能吗？

Answer 1

根据您使用此方式的方式，您可以将列表包装在自己的<div>中，即position: absolute。这会导致内部<div>折叠到父级的宽度，只要您不弄乱top和left，它就会保持在当前位置。< / p>

但这会从文档流中删除您的列表，并可能会破坏页面下方的其他布局。

Check out this fiddle for an example.请注意，黄色背景不包括列表。

Answer 2

我不相信这在CSS中是可能的，因为您不想设置明确的宽度，容器大小将根据内容进行调整。