如何收縮一個區域，如果另一個與CSS成長？

Question

我需要實現使用HTML和CSS一個效果：

+-------------------+-----------------+ 
|some text bla bla |other text here | 
+-------------------+-----------------+ 

+--------------+----------------------+ 
| some text b..|bigger other text here| 
+--------------+----------------------+ 

主容器的大小是固定的。而且我需要第二個領域一直在增長，如果文本溢出，第一個領域會縮小。

CSS有可能嗎？

Answer 1

我認爲這是不可能的CSS，甚至用CSS3

它將與JavaScript和明確定義的寬度工作

Answer 2

我能想到（僅適用於CSS）最好的解決辦法，是在使用position:absolute; div/span/p /無論你在右邊有什麼，所以它會停留在左邊元素的頂部。下面是一個活生生的例子：http://jsfiddle.net/Cthulhu/6DrQX/

然而，這不完全是一個很好的解決方案，所以我也將使用JavaScript的提出像斯特凡bachert。

Answer 3

檢查我的這個舊的答案：How to organize this layout with overflows?

注意，在HTML中的「區域」順序顛倒。這可能適用於所有現代瀏覽器，但我不記得，所以您應該在需要支持的瀏覽器中進行測試。

參見：http://jsfiddle.net/thirtydot/sxeu9/

Answer 4

您是否嘗試過使用水平列表？我不確定這將是多麼有效。