CSS div問題與位置

我有一個基於CSS的asp.net母版頁。我正在使用直接位於導航div上方的瀏覽div。瀏覽div在導航div後面流動。我做了一些玩弄位置，發現如果我改變導航位置它修復它，但該div中的一切都在頁面的一半。我已經做了一些谷歌搜索，無法找到關於如何強制div始終處於頂端的任何事情。如果您需要更多信息，我可以提供。CSS div問題與位置

我已經粘貼下面的CSS代碼的選擇部分：

#header2 { 
height: 2.5em; 
border-bottom: 1px dashed #0055a5; 
color: #FFF; 
background-color: white; 
} 

#header2 .browse { 
color: #000000; 
background-color: transparent; 
float: left; 
margin-left: 1em; 
margin-top: .1em; 
font-weight:bold; 
font-style: normal; 
font-variant: normal; 
font-size: 70%; 
line-height: normal; 
font-family: Arial, Helvetica, Georgia, "Times New Roman", Times, serif; 
width: 144px; 
position: fixed;  
} 

#navigation 
{ 
background-color: white; 
width: 200px; 
height:100%; 
top: 105px; 
left: 0em; 
width: 13em;  
position: absolute; 
font-family: Arial, Helvetica, sans-serif; 
font-size:90%; 
}

來源

2009-04-27 Andrew Parsons

有一部分落後於導航是一個JavaScript菜單下拉菜單。 – 2009-04-27 18:30:48

請包括這些標記的簡化版本。那裏有重要的信息，誰在哪裏嵌套。另外，請提供一個示例頁面的鏈接。謝謝 – 2009-04-27 18:32:39

我不能提供示例頁面的鏈接。這些頁面僅適用於Intranet。感謝您的關心。 – 2009-04-27 19:34:25

通過頂部，你的意思是視口的頂部，或頂部堆棧（即z-index？）。

如果您是指視口的頂部，請嘗試位置：fixed;

編輯，再讀一遍，我想你是指z-index。設置要保留在上面（瀏覽？）相對於元素的位置，然後z-index設置成類似100，即

position:relative;z-index:100;

應該做的伎倆。

來源

2009-04-27 19:03:04 miketaylr

如果你想讓它保持固定在頁面的最頂端，你可以嘗試在.browse類設置top: 0;。另請參閱它是實際的<div>標籤，它是垂直居中定位的，還是隻是它的內容。

我敢打賭，你會節省一些時間進行實驗，如果你使用firebug - 去得到它，如果你沒有它已經=）

來源

2009-04-27 18:33:38

CSS div問題與位置

回答

相關問題