如何在CSS中正确地将固定标题完全对齐到顶部和左侧

Question

所以当我尝试将标题设计完全对齐到上边距和左边距时，我遇到了一个问题。使用HTML和CSS来执行此操作。 CSS代码：

div#headerbox
{
background-color: #a56868;
width:100%;
height: 40px;
position: fixed;
display: block;
margin-top: 0px;
margin-left: 0px;
}

div#headerwrap
{
background-color: #a56868;
width:100%;
height: 40px;
position: fixed;
display: block;
}

HTML code：

<div id="headerbox">
    <div id="headerwrap">
        <p>TEST 123</p>
    </div>
</div>

为什么这段代码没有正确对齐两边的边缘，因为我已经将元素的长度设为100％？我该如何解决这个问题？

Answer 1

将CSS中HTML主体的填充和边距设置为零。

body {
   margin: 0;
   padding: 0;
}

Answer 2

提及

*{
    padding:0;
    margin:0;
}

在你的css文件中

这将防止所有块元素的默认填充和边距。

Answer 3

应用样式边距：0;到身体元素。

body{
   margin:0;
}

有关保证金属性的更多信息，您可以查看此页面： http://www.tutorialrepublic.com/css-reference/css-margin-property.php

Answer 4

• {余量：0像素;填充：0像素;} body，html {margin：0px;填充：0像素;}

提及此代码是css来解决问题

Answer 5

body {    margin: 0;    padding: 0; }

了解更多信息How to correctly align fixed header fully to top and left in CSS