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'和'％'这主要不是问题。但是你应该尝试仅使用百分比来定位屏幕上的元素

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

1 个答案: