css - html - IE 和 Mozilla 中的 px 和 % 宽度设置冲突

Question

我所做的只是一个简单的 - 创建一个 html 页面。但是，我有两个问题。

1) 当我以像素为单位设置宽度时: 我看到 IE8 和 mozilla 之间的宽度不匹配/冲突。 (宽度:1024px) 此设置在 mozilla 中完美地设置了宽度(全屏大小)，但在 IE 中，它超过了页面/屏幕宽度，我必须向右滚动才能看到页面的某些部分。

示例代码:

html:

<div style="width:1024px"> 

2) 当我以百分比设置宽度并调整窗口大小时: 页面缩小，整个页面折叠起来。

下面是代码。

<div class="body">
    <div class="header">
        <a href="#">something</a>
        <a href="#">something1</a>
        <a href="#">something2</a>
        <a href="#">something3</a>
        <a href="#">something4</a>
    </div>
</div>

CSS:

.body
{
    min-width:100%;
    max-width:100%;
    width:100%;
    margin:0px;
    background:grey;
    float:left;
} 

.header
{
    float:left;
    min-width:100%;
    max-width:100%;
    width:100%;
    margin:0px;
    background:#000;
}

我该如何克服这个小故障？ 任何帮助表示赞赏。

Answer 1

使用重置样式表，或将以下内容添加到 css:

body,
html {
    padding: 0;
    margin: 0;
}