Плавающие 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 с clear: оба.Это важно при перемещении, чтобы гарантировать, что другие части документа не будут случайно перемещены, что может произойти в IE.Вы должны привыкнуть добавлять чистый div в качестве последнего брата любого элемента, который вы выплыли.