需要時刻創造的div

Question

我要作出這樣http://watcherboost.com/

SO一個網站，我想爲我的website.so創建中間的菜單我需要創建一個div標籤，其始終是頭等在以下背景：

這是我試圖

<form id="form1" runat="server"> 
 
    <div> 
 

 
    <div id="top" style="background-color:#072530; height: 30px;margin-top: -10px;margin-left:auto;margin-right:initial"> 
 

 
    </div> 
 

 
    </div> 
 
</form> 
 
<div style="height: 300px;background-color: \t #0E5D7B; margin-top: 0px;"> 
 
</div> 
 

 
<div style="background-color:#072530; height: 30px;margin-top: -10px;margin-left:auto;margin-right:initial"> 
 

 
</div> 
 

 
<div style="height: 650px; background-color: \t #C2C2C2; margin-top: 0px;"> 
 
</div> 
 
<div style="background-color:#072530; height: 30px;margin-top: -10px;margin-left:auto;margin-right:initial"> 
 

 
</div> 
 
<div style="height: 300px;background-color: \t #0E5D7B; margin-top: 0px;"> 
 
</div> 
 
<div style="background-color:#072530; height: 30px;margin-top: -10px;margin-left:auto;margin-right:initial"> 
 

 
</div> 
 

 
<div id="middle" style="margin-left: 150px;margin-right:150px;margin-top:-250px;background-color:black"></div>

代碼我想這最後d iv（id = middle）永遠處於頂級模式，如上級網站。 但不幸的是我的div（ID =中）不顯示網頁..

請指點如何修改這個代碼 感謝

Answer 1

您的DIV沒有顯示出來，因爲它不包含任何內容。將height屬性添加到其內聯CSS。

Answer 2

如果你想在上面一個div住宿，你應該設置：

position:fixed; 
top:0px; 

試試這個：

https://jsfiddle.net/TiG3R/ug4vvo48/