Question

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

在Chrome中没有任何问题，但使用IE时，边框位于屏幕底部。

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

最后一个div只有<br />的

这是css ......

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   top:30px;
   left:15px;
   width:60%;   
   border:black solid 1px;
   min-height:100%;
   position:relative;
}
#header {    
   padding:0px;
}
#body {
   background-color:FAF0E6;
   padding:10px;
   padding-bottom:25px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:10px;
   width:100%;
   height:25px;   /* Height of the footer */
}

就像我说的那样，在Chrome中效果很好，但在IE中并不是那么多。

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

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

感谢您的帮助，

-Kris

Answer 1

您可以在#container中替换最小高度：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;
}

Answer 2

尝试将border-bottom: solid #FFFFFF 10px;添加到正文样式中。在IE8中适合我。

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

2 个答案: