居中 div 內的浮動 div，我該怎么辦？

Question

我在一個網站上有一個居中的 div，我需要在其中浮動兩個 div。 左邊的寬度是恆定的，但右邊的寬度會改變，並且需要與居中的父 div 的右側保持恆定的距離。

非工作示例：

http://jsfiddle.net/aZx4e/

編輯

我已經嘗試了你所有的例子，但包含的項目仍然漂浮在網站的左/右，在父 div 之外:(

Answer 1

這個怎么樣？ http://jsfiddle.net/rudiedirkx/aZx4e/3/

Answer 2

<div style="width:250px; text-align: left; margin-left: auto; margin-right: auto; border: solid 2px;">
    <div style="float:left;">
        constant width
    </div>
    <div style="float:right; padding-right:20px;">
        dynamic width
    </div>
    <div style="clear:both;"></div>
</div>

添加了 padding-right 樣式。 將 100px 更改為您希望與父 div 的右邊緣保持恆定距離的值。 我還添加了一個帶有/clear:both 的空 div。 這在浮動時很重要，以確保文檔的其他部分不會意外浮動，這可能發生在 IE 中。 你應該養成添加一個清晰的 div 作為你浮動元素的最后一個兄弟元素的習慣。