可變寬度浮動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容器的問題

回答

相關問題