在居中的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>

添加了填充权限样式。将100px更改为您希望距离父div的右边缘的恒定距离。我还添加了一个清空的div：两个。浮动时这很重要，以确保文档的其他部分不会意外浮动，这可能发生在IE中。你应养成添加一个明确的div作为你漂浮的任何元素的最后一个兄弟的习惯。