2012-10-01 72 views
0

標題說明了幾乎所有的東西。我有一個兩個div並列浮動的包裝div。這兩個div中的內容和長度各不相同。問題是,我需要包裝div只適合正確的div。左邊的div應該有滾動條,如果它的長度超過了右邊的div的長度。兩個div在包裝div中並排排列,應該只與其中一個div延伸

IRC中的一個人已經宣稱不可能做到,但我拒絕相信他。由於整個網站已經與他們一起寫了,CSS3和/或HTML5是完全可以接受的。

在此先感謝,如果有人知道答案。

+0

這可能是與JavaScript的肯定來完成。你能使用JavaScript嗎? – BBog

回答

1

這裏是一個小提琴我做了應該做到你要求爲:

http://jsfiddle.net/zftXu/1/

只要記住,自右div的大小是動態的,如果其內容變得太大(在屏幕外),正確的div將移動到它下面的一行。如果你想避免這種情況,然後把溢出和最大寬度的包裝,像這樣:

http://jsfiddle.net/zftXu/3/