可以'是否覆盖h1文本的默认边距

Can't override default margin of h1 text?

本文关键字：文本 默认 h1 覆盖 是否 可以      更新时间：2023-09-26

尽管这样做：

top: 0%;
margin-top: 0%;
padding-top: 0%;

CCD_ 1和CCD_？

看起来是因为<h1>文本有一个我无法覆盖的默认边距？

JS FIDDLE

因为您有90%的高度，这使得对象没有父对象那么高，因此无法到达底部。

将高度更改为100%将解决问题。

编辑：如果要将空间从div的底部移动到顶部，则必须将top: 0%更改为top: 10%。

您只需要将其添加到CSS 中

#txt h1 {
  margin-top: 0;
}

您为#txt设置了一个固定的高度，据我所知，这就是您想要的？https://jsfiddle.net/dryy2j31/5/

#txt {
position: absolute;
background-color: green;
top: 0%;
margin-top: 0%;
padding-top: 0%;
width: 100%;
height: auto;
}

在您的fiddle中，您将margin:0%;应用于#txtdiv，因此没有规则应用于<h1>。您只需要添加#txt h1 { margin: 0;，请参阅下文。

var outer = document.createElement("div");
outer.id = "outer";
 var txt = document.createElement("div");
         txt.id = "txt";
         txt.innerHTML = "<h1>Enter your email</h1> <p>We need your email to do stuff.</p>";
outer.appendChild(txt);
document.body.appendChild(outer);
#outer {
background-color: yellow;
width: 530px;
height: 300px;
position: absolute;
left: 0%;
right: 0%;
top: 9.05%;
margin: 0 auto;
}
#txt {
position: absolute;
background-color: green;
top: 0%;
margin-top: 0%;
padding-top: 0%;
width: 100%;
height: 100%;
}
#txt h1 {
  margin: 0;
}

相关文章：