小窗口尺寸的負邊界佈局移位

Question

我試着用我的佈局來實現一個奇怪的問題，它在整個窗口看起來很好，但在調整窗口大小時開始向右移動。

要求是有3個全高度的柱子2其中有固定的寬度，另一個佔據空間的其餘部分。

我有過，看起來像這樣的HTML無法控制：

<div id="wrapper"> 
    <div id="main"> 

    <div id="nav"> 
    </div> 

    <div id="container"> 
     <div id="content"> 
     </div> 
     <div id="sidebar"> 
     </div> 
    </div>   
    </div> 
</div> 

我想出了一個方法來做到這一切使用負利潤率和相對定位，做工精細，除了在窗口很小，整個內容右移。我有一個簡單的解決方案來做到這一點？我也想知道爲什麼會發生這種情況，因爲我無法將我的想法包括在內。

的jsfiddle：

http://jsfiddle.net/u5yJd/

Answer 1

兩個定位在你的CSS：

• 上#wrapper核彈margin-left並設置left: 0px;
• 上#main添加left: 264px;

固定fiddle只有這些更改。

你的#wrapper是離開窗口的左邊，你希望你的#wrapper（在這種情況下）在窗口中，否則定位反對它有點時髦。