-1

可能重复:
我的页面底部和右侧的空间

首先,我很抱歉发布了两次,我之前的问题得到了很好的答复,但他们没有解决我的问题..所以我再次发布它希望得到更多的答案(我真的需要解决这个问题!)

实际页面的链接

基本上,在优惠/属性 div 和页脚之间的页面底部有一个很大的空间。我知道这是为什么;我使用了相对定位并使用了 top: -256px; 将框定位在它们所在的位置。

我努力了:

将 2 个 div 与绝对定位对齐 - 这可以消除底部空间的技巧,我可以将框放在我想要的位置,但是如果我要缩小浏览器,这些框就会错位..(有没有办法解决这个问题?)

删除所有定位并将它们浮动到左/右 - 删除底部/右侧的空间,但不会进入我希望它们的位置

山姆在我之前的问题上做了这个,这是我的问题,我可以让他们就位!

添加overflow: hidden;到容器 div。

我只是不知道该怎么做,所以非常感谢任何帮助!

提前致谢!

4

1 回答 1

0

编辑:

刚刚看到您已经得到了答案。下一步是将这些盒子放入容器中。

<div id="offer_box_wrap"></div>

风格

#offer_box_wrap {
width: 650px;
float: left;
margin-left: 5px;
}

你必须调整它,但它应该可以工作

结束编辑

你相对定位你的左框,所以......

我会建议这个

不要<li>用于盒子

使用带有类的 div,该类可以根据需要对齐它们。

<div class="offer_box"></div>

风格它

.offer_box {
width: 208px;
height: 170px;
background: url(http://www.propertytest.uphero.com/images/offers_box.png) no-repeat;
float:left;
margin: (figure out the spacing you need for 3 per row)
}

在最后一个下面放一个清晰的 div

<div style="clear: both"></div>

在这里看到它http://jsfiddle.net/atTGa/2/

于 2012-05-21T20:15:14.033 回答