html - 如何在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 代码：

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

为什么当我将元素的长度设置为 100% 时，此代码不能正确对齐两侧的边缘？我该如何解决这个问题？

当前外观

score 1 · Accepted Answer

1

将 CSS 中 HTML 正文的内边距和边距设置为零。

body {
   margin: 0;
   padding: 0;
}

于 2013-06-18T04:50:27.713 回答

score 0 · Accepted Answer

{边距：0px; padding:0px;} 正文，html {margin:0px; 填充：0px;}

提一下这段代码是css解决问题

score 0 · Accepted Answer

提到

*{
    padding:0;
    margin:0;
}

在你的 css 文件中

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

score 0 · Accepted Answer

应用样式边距：0；到 body 元素。

body{
   margin:0;
}

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

score 0 · Accepted Answer

body {    margin: 0;    padding: 0; }

有关更多信息如何在 CSS 中正确地将固定标题完全对齐到顶部和左侧

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

5 回答 5

Related

Reference