浮動div左和div居中沒有重疊調整大小

Question

我正在尋找一個div對齊左（div 1）和div對齊中心（div 2）。

當用戶改變窗口，居中DIV（2區）應保持居中，直到它碰到股利1.
2區（居中DIV）的邊緣不應總是停靠左除非Div的寬度1（左邊div）加上Div 2寬度的一半大於瀏覽器寬度的一半。

任何關於使這沒有javascript發生的想法？

Example as image http://i42.tinypic.com/iqv5tu.jpg

這裏是一個工作示例工作從：http://jsfiddle.net/pjg8D/9/

Answer 1

這個問題的解決方案是在div容器使用min-width。 （Div1構成寬度+ Div2的寬度的一半）×2

的解決方案是在這裏：http://jsfiddle.net/pjg8D/16/

Answer 2

你需要給左側的div一個%寬度，然後給右手的div相同%的left-margin。試試這個：

#div1 { 
    width: 25%; 
    height: 50px; 
    background: green; 
    float: left; 
} 

#div2 { 
    width: 250px; 
    height: 50px; 
    margin: 0 0 0 25%; 
    background: blue; 
} 

Updated fiddle