可变宽度浮动CSS容器的问题

我有3个未知宽度的浮动容器。周围的容器具有固定的宽度。可变宽度浮动CSS容器的问题

------------- 
| X | X | X | 
-------------

第三容器内部有再次浮动元素：

--------------------------- 
| X | X | X [ O | O | O ] | 
---------------------------

当这些元素execeed周边容器的宽度是单个元件将下降到一个新的线（这是相当会发生什么罚款和预期的行为）：

------------------------- 
| X | X | X [ O | O | O | 
    O | O ] | 
-------------------------

但我想要的是浮动的子元素缩进这样的：

--------------------------------------------------------------------------------- 
| X | X | X [ O | O | O | 
       O | O ] | 
---------------------------------------------------------------------------------

有没有人有这个问题的CSS解决方案？也应该在IE6中工作。我尝试了很多东西，但却迷失了方向。

来源

2010-10-12 Alex Lawrence

我不能让它在第二个版本中工作：http://www.jsfiddle.net/Syf3t/ – 2010-10-12 10:50:46

尝试this example重现您的问题。我甚至无法得到你所描述的行为，真的只有浮在那里吗？

如果列元素没有宽度浮动，那么每个浮动元素将随其内容一起展开，并且当它不适合容器时，它将下降（整个元素）。在不设置这些列元素的宽度的情况下，您可以对css-wise做很多事情。

来源

2010-10-12 12:06:50

是的，只有浮游物。我也认为这是不可能与没有明确宽度的浮动。 – 2010-10-12 13:48:36

我现在还不确定所有棘手的后果 - 可能会在JSFiddle中显示代码供人们玩耍？ - 但想到的最佳解决方案＃可能会成为围绕着三个O的另一个包装，它们也会左移。

来源

2010-10-12 10:21:55

你的链接应该是http://www.jsfiddle.net/ – 2010-10-12 10:42:02

@Alex当然，谢谢。固定 – 2010-10-12 10:44:15

可变宽度浮动CSS容器的问题

回答

相关问题