不合逻辑的HTML和CSS继承？

我有一张页脚的桌子，它总是放在底部。为了实现这一点，我使用类包装器制作了一个div。包装高度和宽度为100%。页脚不在包装内，因此它始终位于底部。通过给包装器一个底部为-150px的边距，我将页脚向上拉。然而，当您重新调整页面大小时，很明显包装器中的表继承了底部的边距-150px，这很奇怪。如果我为表格设置了最低150像素的边距，它在safari和chrome中就停止工作

以下是网站：

---

非常感谢您的帮助

有一些设计选择（特别是您的包装袋）导致了这个问题。此页上提供的代码应该可以帮助您更正它：

请尝试

.wrapper {
  padding: 0 0 200px 0;
}

.footer {
  margin-top: 0px;
  background: url(images/bottombg.jpg) repeat-x;
  position: fixed;
  bottom: 0px;
}

---

我很难看出问题出在哪里。在Chrome13/Windows7上，似乎没有在任何地方引入任何新的页边距。你能在图片之前/之后发布吗？问题就在这里。结果我上传了错误的文件。但现在它是正确的一个和它的错误给包装一个填充底部1px。这应该可以防止页边空白崩塌。就是这样，我又上传了一个错误的文件。填充底部不起作用。非常有用的链接谢谢，如果我在创建网站之前看到过类似的内容，它会非常有用+1，不过，让你的网站使用这种格式不会太困难。从外观上看，页眉和页脚是静态高度，而内容是可变高度。因此，只要将页眉放在#wrap块的顶部，将内容放在#main块，将页脚放在#Footer块，就可以将布局调整为“粘性页脚”布局。事实上，这就是我目前正在做的：）