我页面底部的空格

时间:2012-05-21 19:16:27

标签: html css

  

可能重复:
  Space at the bottom and right side of my page

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

实际page

的链接

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

我试过了:

将2个div与绝对定位对齐 - 这样做可以摆脱底部的空间,我可以将盒子放到我想要的位置但是如果我要缩小浏览器的话,那些盒子就会失去位置..(有办法解决这个问题吗?)

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

Sam在我之前的问题上this,我的问题就是我可以让他们到位!

overflow: hidden;添加到容器div。

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

提前致谢!

1 个答案:

答案 0 :(得分: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/