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”这在大多数情况下不是问题。但是你应该尝试只使用百分比来定位屏幕上的元素