Question

我最近一直在为自己的网站工作，遇到了一个奇怪的问题。每当我向左移动页面时，页面会扩展我从中心向左移动的像素数量。它不会妨碍功能，但是这个300-400像素空间可以滚动到一边真的很烦人。也许我做错了什么，但任何帮助都会受到赞赏。

这是我正在做的一个例子：

<html> 
<body style="background-image: url('Background-Large.jpg'); text-align: center">
<div style="position:relative;top: -605px; left: 295px;"></div>
</body>
</html>

Answer 1

这是因为您的DIV已设置：

left: 295px;

如果你想要一个DIV在中心，你应该做的第一件事是做一个“主要容器”：

<style type="text/css">
.wrapper {width:500px;margin:0 auto -1.5em;}
</style>

<div class="wrapper">
</div>

然后，您可以在那里添加现在居中的容器内的元素：

<div class="wrapper">
     <div style="float:left;margin-left:-295px;">
     </div>
</div>

Answer 2

我不太确定你要在这里实现什么，但是如果你在主体上放置'overflow：hidden'，它应该允许你在不添加滚动条的情况下将你的div放在页面上。

页面无意中扩展

2 个答案: