如何删除主体周围的边距空间或清除默认的css样式

诚然，我是一个初学者，但我也做了相当多的搜索之前，张贴这一条。我的div元素周围似乎有额外的空间。我还想指出，我尝试了许多边框的组合：0，填充：0，等等，没有任何东西可以消除空白。

以下是代码：

<html><head>
    <style type="text/css">
        #header_div  {
            background: #0A62AA;
            height: 64px;
            min-width: 500px;
        } 
        #vipcentral_logo { float:left;  margin: 0 0 0 0; }
        #intel_logo      { float:right; margin: 0 0 0 0; }
    </style></head><body>
    <div id="header_div">
        <img src="header_logo.png" id="vipcentral_logo">
        <img src="intel_logo.png" id="intel_logo"/>
    </div></body>

这就是它的样子(我插入了红色箭头来显式地调用额外的空间)：

我原以为蓝色会直接延伸到浏览器边缘和工具栏。这些图像都有精确的64像素高，并且具有与指定给#Header_div的背景色相同的背景颜色。如有任何资料，将不胜感激。

侃侃尔雅

浏览 742回答 3

3回答

牧羊人nacy

尝试从Body标记中删除填充/边距。body{padding:0px;margin:0px;}

慕桂英546537

这是默认的页边距/填充body元素。有些浏览器有默认的边距，有些是默认的填充，这两种浏览器都在主体元素中作为填充应用。将此添加到CSS中：body { margin: 0; padding: 0; }

随时随地看视频慕课网APP