为什么我的页眉元素没有覆盖页面的整个宽度,并且在顶部留下了一个间隙



我想制作一个位置固定的页眉,它覆盖整个宽度,从最顶部开始。但是当我输入下面的代码时,我得到的是:output。我有办法解决这个问题吗?

#header {
width: 100%;
height: 100px;
background-color: black;
}

<body>
<header id="header"></header>  
</body>

本文将帮助您:https://css-tricks.com/reset-all-margins-padding/

默认情况下,页面加载时带有一些填充和边距。这就是为什么,除非删除此默认填充,否则所有元素都会离页面边缘有点远。

通用选择器*允许您按如下方式重置边界:

* {
padding: 0;
margin: 0;
}

相关内容

最新更新