動態寬度的一行中的div（對齊）

Question

我有一個左右填充的容器。在這個容器裏面有兩個div，它們之間應該並排放置一個空格。現在，因爲這個空間已經修復，但是網站的響應速度很快，所以兩個文本div必須有一個動態寬度。這是我無法使用％-width的原因。我認爲text-align: justify它會工作，但它不會。

這裏是的jsfiddle：http://jsfiddle.net/qGw48/

這裏的jsfiddle應該如何看起來像：http://jsfiddle.net/4ekSm/（它只因爲％-widths的）

Answer 1

只是改變：

DIV＃集裝箱> div {

display：inline-block;

}

到：

div#container > div { 
    display: table-cell; 
} 

UPDATED FIDDLE

Answer 2

你見過這個http://jsfiddle.net/cUCvY/1/

我認爲它解決了你想找的

Two Divs next to each other, that then stack with responsive change

你可以添加一些空餘，以一個箱子，即

.left{ 
    margin-right: 5px; 
    } 

Answer 3

，如果你做的寬度值考慮到填充這可以很容易地完成。所以我使用的樣式：

box-sizing: border-box; 

http://jsfiddle.net/qGw48/1/

這意味着，當你設置的寬度則填充將被納入該值。