阻止div寬度將其推出原位

Question

我有兩個div並排。 一個固定為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>

當“main”div的內容超過剩余寬度時，它會在側欄下展開並向下推。 如何在不定義此div的設置寬度的情況下停止此操作（因為它意味着要調整為父寬度）？

Answer 1

margin-left:150px第二個div為margin-left:150px ？ 或使用padding-left:150px來對齊內容

Answer 2

http://jsfiddle.net/5TYm2/這是一個我認為你正在尋找的東西的工作實例。

這是分離包裝div中內容的一種非常常見的方法。

希望這可以幫助。