Question

我所做的一切都很简单 - 创建一个html页面。但是，我有2个probs。

1）当我设置宽度（以像素为单位）时：我看到IE8和mozilla之间的宽度不匹配/冲突。（宽度：1,024）此设置在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;
}

Answer 2

通常，Internet Explorer（较低版本）浏览器滚动条会占用一些像素。只需将宽度设置为1000px或100％，因为100％宽度所有分辨率和屏幕尺寸都显示为全屏而不滚动。

我认为不需要身体和标题float: left

IE和Mozilla中的html - px和％width设置冲突

2 个答案: