gpt4 book ai didi

HTML/CSS 正文不在页面顶部

转载 作者:太空宇宙 更新时间:2023-11-03 23:28:21 25 4
gpt4 key购买 nike

我的 HTMl/CSS 有问题。似乎我的 body 标签以某种方式获得了 10px 的 margin-top ......但是我无法找到摆脱它的方法。我建立的其他网站从未这样做过,因此我们将不胜感激。

代码:

HTML

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="js_plugins/skrollr.js"></script>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="text.css">
<title>MyPage</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="maincontent">
<section id="maincontent-sect-intro" >
<div id="maincontent-sect-intro-content">
<p class="name-intro">Introduction</p>
</div>
</section>
</div>
</body>
</html>

CSS

body
{
width: 100%;
margin: 0px;
}
div#maincontent
{
min-width: 1000px;
width: 100%;
}
section
{
margin-top: 0px;
height: 550px;
width: 100%;
}
/*
For intro section
*/
section#maincontent-sect-intro
{
background-color: #666666;
text-align: center;
}
div#maincontent-sect-intro-content
{
text-align: center;
}

最佳答案

这里的问题是 p 类“name-intro”<p>标签会自动给出 1em 的边距。只需将此添加到您的 css

.name-intro {
margin: 0;
}

还有一条经验法则,当指定 0 值时,永远不要添加像素或 em,只需将其保留为零 :)

关于HTML/CSS 正文不在页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26076383/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com