标头“ div”未完全对准屏幕顶部（简单但令人沮丧）
[英]Header 'div' not aligned exactly to the top of screen (Simple but frustrating)
问题描述
我只是在html页面中添加了一个标题导航栏。但是问题是它没有完全对齐到顶部。浏览器和导航栏之间的距离很小。我发现了一种解决方法，设置边距：0 ;，但是这个问题我拥有的是，只有通过选择整个div进行编码时，它才能工作...就像
*{ margin:0;}
为什么会这样 ？
我在另一个stackoverflow问题中找到了这个解决方案，但我拒绝发表评论，因为我的答辩率很低。他说这是因为SASS。但是我的代码如何变得愚蠢，因为我使用的是CSS编码的简单过程。
链接的灵魂问题。（请检查正确选择的问题中的注释） 标题未触及屏幕顶部
我的代码：
<html>
<head>
<style>
* {
margin:0;
}
.new {
width:100%;
background-color: blue;
}
</style>
</head>
<body>
<div class="new">New Website</div>
</body>
</html>
3 个解决方案
解决方案1
1 2016-06-02 03:27:12
不要留margin: 0; 在div。 将其放在body或html标签上。 像这样：
body{
margin: 0;
}
不要忘记，您也可以设置html和body标签的样式！ 使其height: 100%; 可能在将来有用。
解决方案2
1 已采纳 2016-06-02 03:28:18
一些浏览器在“ body”标签上设置了用户代理样式表
对于Chrome：主体的边距为8； 在body标签上，因此导航栏之间会出现很小的差距。
你可以设定
body{
margin: 0;
}
将解决您的问题。
解决方案3
1 2016-06-02 03:37:44
*是通用选择器。 它针对所有元素。 当您声明：
* {margin: 0}
您正在删除页面上每个元素的边距。 在这种情况下可以使用，但是会产生副作用，您可能不希望在内容更多的页面上使用。
您的浏览器正在为body元素添加一些填充。 正如amoyer所指出的那样，将主体边距设置为零就可以了。
将标题div放在屏幕中央的顶部
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.