Question

我有一个非常简单的代码http://jsfiddle.net/MuYVs/ “

    <style type="text/css">

        #header-cont {
            width:100%;
            background:#0080c9;
            background-color:#0080c9;
            height:50px;
            position:absolute;
            top:0px;
            left: 0px;
        }

    </style>
<head>
<body>
    <div id="header-cont"></div>    
</body>'

这在Chrome浏览器中表现不错，但是在IE8中，条形图将达到98％并且最后会有一点差距。我怎么能告诉IE8不要那么傻了？

Answer 1

这看起来像浏览器已实现的默认设置。看一下重置样式表

http://meyerweb.com/eric/tools/css/reset/

Answer 2

尝试从body元素中删除任何默认的填充和边距。

body {
    margin: 0;
    padding: 0;
}

Answer 3

在开头添加doctype：

<!DOCTYPE html>

IE 8不会显示宽度100％

3 个答案: