html - 顶栏位置和浏览器窗口大小

Question

这是母版页：

<div id="top">

    <div id="left">
        <!-- menu with 5 items -->
    </div>

    <div id="rigth">
        <!-- menu with 3 items -->
    </div>
    </div>

<div id="title">
    <h1>My MVC Application</h1>
</div>
</div>

这是我的CSS：

#left
{
float: left;
margin-left:-100px;
height: 30px;
}

#rigth
{
float: right;       
height: 30px;
right:0px;
margin-right: 0px;
}

#top
{
top: 0px;
left: 100px;    
position: fixed;
width: 95%;
background: url(../../Content/images/myImage.png) no-repeat center center;

}

当浏览器窗口很大时，一切都很好。但是当我最小化它时，栏会扩大它的高度并且“右”低于“左”。如何改变这个？我希望权利不可见。有点像gmail的顶栏。位置是固定的，因为我希望在滚动时显示条形图。

Answer 1

你混淆了'px'和'percent'这主要不是问题。但是您应该尝试仅使用百分比来定位屏幕上的元素