我的页面底部和右侧的空间

Question

这是页面：propertytest.uphero.com

我已将问题缩小到 6 个蓝色框（前 3 个位于名为 offer 的 div 下，下面的 3 个位于名为 properties 的 div 下）。如果我要把它们拿出来，空间就会消失，但我真的很想把它们留在里面，所以我需要有人帮我解决它，这样我就可以保留盒子并且在页脚下方没有空间。

我认为我的问题在于它们是相对定位的（所有 div 都是相对定位的——我现在意识到这一点是个坏主意）。

我试过了：

• 将 2 个 div 与绝对定位对齐 - 这样可以消除底部/右侧的空间，但是如果我要缩小浏览器，这些框就会错位..

• 删除所有定位并将它们浮动到左/右 - 删除底部/右侧的空间，但不会进入我希望它们的位置（我不认为你可以定位浮动上/下/左/右还是边距？）

Answer 1

这里是如何整理你目前拥有的 6 个框作为 position:relative;

http://jsfiddle.net/F9Q6T/

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

对于页面底部的问题，您需要删除底部：290px；从你的页脚。这似乎是导致问题的原因

Answer 2

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

谢谢。