我有:我有几个网页都有这个大纲:
<body>
<div id="container">
CONTENT
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
使用CSS:
body{
color:#000000;
background-color:#FFFFFF;
background-image: url(background.jpg);
background-repeat: repeat-x;
font-family: verdana;
letter-spacing: 1px;
}
#container{
margin-left:auto;
margin-right:auto;
margin-top:5px;
width: 700px;
}
Run Code Online (Sandbox Code Playgroud)
问题:所有页面都很短,因此没有滚动条显示,但是一页较长,因此右侧的垂直滚动条显示出来.第二页使容器稍微移位(向左).
根据我的理解,一个常见的解决方案是让滚动条显示在所有页面上,但我真的想避免这种情况,因为它只是一页中的一页.
问题:有没有办法避免在没有让滚动条显示在所有页面上的同时使容器移动而移动容器?