Question

我有一个基于CSS的asp.net主页。我正在使用位于导航div正上方的浏览div。浏览div在导航div后面流下来。我做了一些玩弄位置，发现如果我改变导航位置它修复它，但该div中的所有内容都移动到页面的一半。我做了一些googleing，无法找到任何关于如何强制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%;
}

Answer 1

在顶部，是指视口的顶部，还是堆栈的顶部（即z-index？）。

如果您的意思是视口的顶部，请尝试position：fixed;

编辑，再次阅读，我认为你的意思是z-index。将要保留的元素的位置（浏览？）设置为相对位置，然后将z-index设置为100，即

position:relative;z-index:100;

应该这样做。

Answer 2

如果您希望将其固定在页面顶部，可以尝试在top: 0;课程上设置.browse。同时查看它是否是垂直居中的实际<div>标记，或者它是否只是其内容。

我敢打赌，如果你使用firebug，你可以节省一些时间进行试验 - 如果你还没有它，那就去试试吧。）

CSS div位置问题

2 个答案: