如何删除正文周围的边距空间或清除默认 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>

这就是它的样子（我插入了红色箭头以显式调用额外的空间）：

div 元素周围的额外空间

我期待蓝色直接与浏览器边缘和工具栏相邻。这些图像的高度均为 64 像素，并且与分配给 #header_div 的图像具有相同的背景颜色。任何信息将不胜感激。

原文由 Anthony 发布，翻译遵循 CC BY-SA 4.0 许可协议

阅读 392

body 默认有 8px 边距： http ://www.w3.org/TR/CSS2/sample.html

 body {
    margin: 0;   /* Remove body margins */
}

或者你可以使用这个有用 的全局重置

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

如果你想要更少的东西 * _全局_：

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

其他一些 _CSS 重置_：

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

https://github.com/necolas/normalize.css/

http://html5doctor.com/html-5-reset-stylesheet/

…

原文由 Roko C. Buljan 发布，翻译遵循 CC BY-SA 4.0 许可协议

如何删除正文周围的边距空间或清除默认 CSS 样式

你尚未登录，登录后可以

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

图片沿着圆环的转动有什么方法吗？

flex相关 flex: 1的子元素如何宽度能100%且不溢出？

CSS如何巧妙实现标题居中、关闭按钮居右效果？

如何处理 CSS calc() 函数中的单位不一致问题？

js阻止冒泡问题？

Stack Overflow 翻译