Остановить ширину div от толкания

Question

У меня есть 2 деления рядом. У одного фиксированное значение 150px (боковая панель), а у другого - оставшееся с родительского элемента div.

<div style="margin:0 20%">
    <div style="float:left;width:150px">
        Sidebar contents
    </div>
    <div style="vertical-align:top">
        Main contents
    </div>
</div>

Когда содержимое "основного" div превышает оставшуюся ширину, оно расширяется и опускается под боковую панель. Как я могу остановить это, не определяя ширину набора для этого div (так как он предназначен для подгонки к родительской ширине)?

Answer 1

margin-left:150px для второго div?или используйте padding-left:150px для выравнивания контента

Answer 2

http://jsfiddle.net/5TYm2/ вот рабочий пример того, что, я полагаю, вы ищете.

Это довольно распространенный способ разделения содержимого внутри упаковочного div.

Надеюсь, это поможет.