2

<div>在此示例中，我似乎无法删除页面顶部与 the 之间的间距：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Index</title>
    <style type="text/css">
        html, body{
            padding: 0;
            margin: 0;
        }
        #container{
            background-color: #808080;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="inner-container">
            <h3>Index</h3>
        </div>
    </div>
</body>
</html>

我已将其缩小到这一行：

<!DOCTYPE html>

似乎删除它<div>会使页面顶部对齐。我在 CSS 中看不到实现相同目标的方法。

4

4 回答 4

4

删除你的页<h3>边距

h3 { margin-top: 0 }

演示

于 2012-12-04T11:51:27.257 回答
0

边距相互折叠。

html(0)、body(0)、#container(0) 和(not 0) 的上h3边距合并为第一个内容和窗口边缘之间的组合非零上边距。

设置h3 { margin-top: 0 }为删除它。

h1（尽管您应该以标题 ( ) 而不是子标题 ( )开始您的文档h3。）

于 2012-12-04T11:52:27.603 回答
0

实际上H1 到 H6 的默认边距是您面临的问题，因此覆盖此值将解决您的问题。

h3 { margin-top: 0;margin-bottom: 0; }
于 2012-12-04T11:57:50.997 回答
0

额外信息：

您可能还想在开始项目之前考虑使用CSS 重置脚本，这样您就不必担心这样的小事。

于 2012-12-04T18:29:29.450 回答