Question

我有一个问题，我在IE8上努力解决。我需要一个100％高度的div，但我尝试的所有东西都无法解决问题。

您可以在此处查看问题：http://gyazo.com/71ffde560df4d3f87c0fb55a92ef8313

enter image description here

问题是页面底部有一点白边，这只发生在ie8上（在ie9上没问题）。我能够通过删除修复问题的doctype来解决问题，但是打破了所有应用程序。

CSS：

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}

html {
    height: 100%;
}

body { 
    height: 100%;
}

div {
    height: 100%;
    min-height: 100%;
    background:#9699FF;
    color:#fff;
}

很抱歉没有添加更多图片/链接，但我没有声誉。

Answer 1

您分享的屏幕截图没有白边。你看到的是一个模糊的Windows GUI元素 - IE8s浏览器窗口的边界。

您可以尝试通过在<html>标记中添加红色背景来验证这一点。

html {
  background: red;
}

这样你就会看到一个红色背景，如果你的div有任何类似边缘的效果。

我在IE8 / WinXP虚拟机上测试你的链接，没有多余的余量。（见：Screenshot）

我放大了屏幕截图的左下角（click here），因此内部窗口边框更清晰可见。

高度为100％的Div底部边缘较小

1 个答案: