当我设置宽度时,为什么我的标题周围有边距:100%?

时间:2014-05-01 03:59:03

标签: css margin

这里的第一个计时器。有人可以告诉我为什么标题周围有边距?我该如何解决?

jsfiddle:http://jsfiddle.net/lauriecai/39J2B/3/

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

4 个答案:

答案 0 :(得分:1)

发布到SO时,您通常希望将代码放入

fiddle

因为它使每个人都能够轻松访问您已编写/尝试过的代码。图像既乏味又难以使用,可能会阻止人们帮助你。我想在发布代码时尽量避免使用它们。

尽管如此,你问题的实际答案是:

如果要删除所有填充和边距,则应将以下CSS添加到index.css文件中:

html, body {
    padding: 0px;
    margin: 0px;
}

答案 1 :(得分:1)

这里有两件事

1。身体边缘

默认情况下,正文的边距约为5px(ish)。这里的大多数答案已经涵盖了这一点。您可以通过将它们设置为0来修复它;

body
{
    margin: 0;
}

2。 <h1>还有边距

您的标题正被<h1>元素的边距向下推。删除顶部边距以进行修复。

h1
{
    margin-top: 0;
}

Updated JSFiddle

答案 2 :(得分:0)

<body>
<header>
<a href="index.html">
<h1>LAURIE</h1>
<h2>DESIGNER</h2>
</a>
</header>
</body>

CSS

/*general*/

body{
margin: 0;
padding: 0;
}

*{
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

position: absolute;

答案 3 :(得分:0)

<style> html, body { margin: 0; padding: 0; } </style>