包装纸高度有问题

时间:2012-02-24 20:23:39

标签: html css

嗨,我在高处遇到麻烦..请告诉我的朋友我该如何解决这个问题。

Please check here to check the website

这是我网站的链接。和费率页面..我的身高有问题。

我在

中包含了所有内容
#wrapper {
    background: url("images/wrapper_bg.png") repeat-y scroll left top transparent;
    margin: 0 auto;
    padding: 0 10px;
    width: 960px;
}

但是

#main {
    height: 100% !important;
    width: 960px;
}

没有回复互联网高度。

请帮帮我

2 个答案:

答案 0 :(得分:1)

尝试将overflow:auto;放入#main

主要问题是#main内的元素是浮动的。因此浮动元素的高度不会导致#main的高度扩展

clear:both;放在#footer

答案 1 :(得分:1)

问题在于,因为#main div中的所有内容都设置了float属性。基本上,这使得主要看起来没有元素,这导致#footer div上升。我可以想出两种方法来解决这个问题:

  1. 将“overflow:hidden”添加到#main样式或
  2. 将“clear:both”添加到#footer样式