页面底部和右侧的空格

时间:2012-05-21 12:41:02

标签: html css space

这是页面:propertytest.uphero.com

我已经将问题缩小到了6个蓝色方框(前3个位于一个名为offer的div下面,而下面的3个位于一个叫做属性的div下面)。如果我要把它们拿出来,空间就行了,但是我真的想让它们进去,所以我需要有人来帮助我排除故障,以便我可以保留盒子并且在页脚下方没有空间。

我认为我的问题在于他们与亲戚定位的事实(所有的div都是相对的 - 我现在意识到这个坏主意)。

我试过了:

  • 将2个div与绝对定位对齐 - 这样就可以摆脱底部/右侧的空间,但是如果我要缩小浏览器的尺寸,那么这些框就会失去位置..

  • 移除所有定位并将它们浮动到左/右 - 移除底部/右侧的空间但不会进入我希望它们的位置(我认为你不能定位浮动上/下/左/右或边距?)

2 个答案:

答案 0 :(得分:0)

以下是如何整理您当前拥有的6个方位置:relative;

http://jsfiddle.net/F9Q6T/

基本前提是您将盒子放在容器内,然后清除它们以使容器的大小合适。

就页面底部的问题而言,您需要删除底部:290px;从你的页脚。这似乎是造成问题的原因

答案 1 :(得分:0)

我认为主要问题是body background image. You have used image of 1300px * 1000px size。我认为你必须使用image of 1px width with repeat property.。底部的空白区域由于订单和属性div` {/ p>的bottom属性而产生

感谢。