機身寬度960像素和2格一個固定左和其他權利

Question

我一直在尋找無處不在，無法找到一個好的解決方案。 因此，我有兩個div，高度相同，將頁面分成不等的部分，小部分（「小」）和大一部分（「大」）。我希望他們都有position: fixed。 「更小」是好的，我想要它但我不能把「更大」固定與身體寬度960px。當我把right: 0放在身體寬度960px以外，這不是我想要的。

對此有何想法？

這裏的CSS：兩個其他的div

.Bigger { 
position: fixed; 
margin: 0 auto; 
top: 160px; 
width: 700px; 
height: 800px; 
background-color: blue; 
} 

.Smaller { 
position: fixed; 
top: 160px; 
margin: 0 auto; 
width: 215px; 
height: 800px; 
background-color: blue; 
} 

Answer 1

所以我的身體960像素，你的意思，一個父DIV（內容包裝）假設是保證金0汽車，以保持它爲中心。

只是使用絕對位置，它將div修正爲父項。固定位置將div固定在窗口中......這就是爲什麼它出現在父div之外。

例如，如果你的HTML就像

<div class="container"> 
    <div class="Bigger"> 
    </div> 
    <div class="Smaller"> 
    </div> 
</div> 

你可以有CSS這樣的：

.container { 
    position: relative; 
    width: 960px; 
    margin: 0 auto; 
} 

.Bigger { 
position: absolute; 
top: 160px; 
right: 0; 
width: 700px; 
height: 800px; 
background-color: blue; 
} 

.Smaller { 
position: absolute; 
top: 160px; 
left: 0; 
width: 215px; 
height: 800px; 
background-color: blue; 
}