2012-01-31 52 views
0

最近我一直在为自己的网站工作,并遇到了一个奇怪的问题。每当我向左移动页面时,页面将会扩展我从中心移动它的像素数量。它不妨碍功能,但它真的很烦人有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> 

回答

0

这是因为你的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> 
+0

这是因为我希望它是从页面中心295px。 – 2012-01-31 04:26:48

+0

有没有方法可以在不调整页面的情况下移动它? – 2012-01-31 04:27:08

+0

是完整的代码吗?我问,如果你只是表现出1个DIV,我不可能告诉你为什么它没有其他元素分享关系就是如此。 – 2012-01-31 04:27:48

0

我不太清楚你想在这里实现什么,但如果你把一个“溢出:隐藏”在身上,它应该让你放置你的DIV关闭页面不添加滚动酒吧。

+0

谢谢!这工作完美。 – 2012-01-31 04:28:22