页面意外扩展答案

【问题标题】：Page Expands Unintentionally页面意外扩展
【发布时间】：2012-02-22 20:46:12
【问题描述】：

我最近一直在为自己开发一个网站，但遇到了一个奇怪的问题。每当我将 a 向左移动时，页面都会扩大我从中心向左移动的像素数量。它不会妨碍功能，但拥有这个 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>

【问题讨论】：

标签： html resize width

【解决方案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>

【讨论】：

那是因为我希望它距离页面中心 295px。
有没有办法在不调整页面大小的情况下移动它？
那是完整的代码吗？我问，因为如果你只是显示 1 DIV，我不可能告诉你为什么它的行为方式没有其他元素共享关系。
@HarrySlotwiner css3.com/css-left left 不是来自中心。

【解决方案2】：

我不太确定你想在这里实现什么，但如果你在 body 上放置一个 'overflow:hidden'，它应该允许你在不添加滚动条的情况下将你的 div 放置在页面之外。

【讨论】：