Css HTML5正文间距问题_Css_Html

Css HTML5正文间距问题

css html

Css HTML5正文间距问题,css,html,Css,Html,在本例中，我似乎无法删除页面顶部和之间的间距： <!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/cs

在本例中，我似乎无法删除页面顶部和

之间的间距：

<!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>


指数
html，正文{
填充：0；
保证金：0；
}
#容器{
背景色：#808080；
}
指数

我把范围缩小到这一行：

<!DOCTYPE html>

删除此选项似乎会将

与页面顶部对齐。我在CSS中找不到实现同样效果的方法。

也可以从

中删除边距

h3 { margin-top: 0 }

同时删除

中的边距

h3 { margin-top: 0 }

页边距相互折叠

html

（0）、

body

（0）、

#container

（0）和

h3

（非0）的上边距合并为第一个内容和窗口边缘之间的组合非零上边距

设置

h3{margin top:0}

将其删除

（尽管您应该以标题（

h1

）而不是子标题（

h3

）开始文档。

页边距彼此折叠

html

（0）、

body

（0）、

#container

（0）和

h3

（非0）的上边距合并为第一个内容和窗口边缘之间的组合非零上边距

设置

h3{margin top:0}

将其删除

（虽然您应该以标题（

h1

）而不是子标题（

h3

）开始文档。

实际上是您面临的问题，因此覆盖此值将解决您的问题

h3 { margin-top: 0;margin-bottom: 0; }

实际上是您面临的问题，因此重写此值将解决您的问题

h3 { margin-top: 0;margin-bottom: 0; }

额外信息：

在开始一个项目之前，您可能还想研究一下如何使用，这样您就不必担心像这样的小事了。

额外信息：

在开始一个项目之前，您可能还想研究一下如何使用a，这样您就不必担心像这样的小事了。

可能这会有帮助：可能这会有帮助：啊！我一直在查看Chrome工具中的html/body元素，我不认为h3上的空白会导致这种情况。。。哦！你是个天才/救生员啊！我一直在查看Chrome工具中的html/body元素，我不认为h3上的空白会导致这种情况。。。哦！你是一个天才/救星我正在使用HTML5样板，它已经使用Normalise.css，我在样本中排除了它，以帮助缩小我的问题。我正在使用HTML5样板，它已经使用Normalise.css，我在样本中排除了它，以帮助缩小我的问题。