Html 屏幕底部和页脚div之间没有空格

我在屏幕底部和最后一个div之间创建空间时遇到问题

在Chrome中，没有问题，但是IE的边框就在屏幕的底部

<div id="container">
 <div id="header">...</div>
 <div id="main">...</div>
 <div id="footer">...</div>
</div>

---

就像我说的，在Chrome中效果很好，但在IE中效果不太好

我想要的是屏幕顶部和底部的空间

<div id="container">
 <div id="header">...</div>
 <div id="main">...</div>
 <div id="footer">...</div>
</div>

编辑-作为补充说明，我甚至没有看到IE中的底部边框

谢谢你的帮助

---

-Kris

您可以将最小高度：100%替换为容器中的高度：100%。在IE8中工作

编辑：这就是你要找的吗

html { margin:0; padding:0; } body { background-color:FAF0E6; margin-top:35px; margin-bottom:10px; } #container { left:15px; width:60%; height:100%; position:relative; } #header { padding:0px; } #footer { position:absolute; bottom:10px; width:100%; height:25px; } html{ 保证金：0； 填充：0； } 身体{ 背景色：FAF0E6； 利润上限：35px； 边缘底部：10px； } #容器{ 左：15px； 宽度：60%； 身高：100%； 位置：相对位置； } #标题{ 填充：0px； } #页脚{ 位置：绝对位置； 底部：10px； 宽度：100%； 高度：25px； }

---

尝试添加

边框底部：实心#FFFFFF 10px到主体样式。在IE8中对我有效。
这似乎仍然不起作用……似乎也让Chrome陷入了困境。这与我试图实现的目标非常接近。实际上，它给了我屏幕底部和div之间的空间。谢谢！我仍然没有看到创建任何空间。我添加了
页边距底部：25px到代码。