请大家帮看看这个布局在IE8下面为什么有白边_html/css_WEB-ITnose

我要做一个布局，要求footer始终在页面的最下面。
代码如下：




CSS Test

*
{
margin: 0;
padding: 0;
}
html, body
{
height: 100%;
min-height: 100%;
}
#wrapper
{
min-height: 100%;
background: url(line.png);
position: relative;
margin-bottom: 60px;
display: block;
position: relative;
z-index: 1px;
}
* html #wrapper
{
height: 100%;
}
#footer
{
background: gray;
height: 60px;
margin-top: -120px;
z-index: 2px;
position: relative;
}
#main
{
border: 1px solid red;
display: block;
height: 500px;
padding-bottom: 60px;
padding-bottom: 40px\9; /* ie 8/9*/
padding-bottom: 26px\9\0; /* ie 9*/
}

.clearfix:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*html .clearfix
{
height: 1%;
}
* + html .clearfix
{
height: 1%;
}
#header
{
background: blue;
height: 50px;
display: block;
position: relative;
z-index: 1;
}

查看更多关于请大家帮看看这个布局在IE8下面为什么有白边_html/css_WEB-ITnose的详细内容...