gpt4 book ai didi

html - 标题将包含的 div 从顶部向下推?

转载 作者:可可西里 更新时间:2023-11-01 13:29:47 25 4
gpt4 key购买 nike

我是 stackoverflow 和网络开发的新手。在没有任何帮助的情况下尝试学习。作为磨练我的技能的一部分,我正在尝试创建一份 C.V。事情是这样的。

我包含的 div 下的第一个 div 是一个带有 id header 的 div。我已经用 margin: 0 auto; 将我的包含 div 固定在顶部它工作正常,我的嵌套 div (标题)中没有文本但是一旦我写了一些东西(header) div 它将标题 div 向下推,因为标题是包含 div 中的第一个 div/元素>,它也将其推低。

这是我的 HTML:

body {
margin: 0;
font: normal 12px/18px'Helvetica', Arial, sans-serif;
background: #44accf;
}
/* Positioning Rules */

#container {
width: 900px;
margin: 0 auto;
}
#header {
background: #b7d84b;
height: 50px;
text-align: center;
color: #ddd;
line-height: 50px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Did We?</title>
<link href="didwe.css" type="text/css" rel="stylesheet" />
</head>

<div id="container">
<div id="header">
<h1> Mansoor Zia </h1>

</div>
</div>
<!--container-->
</body>

</html>

由于我是最新成员,所以无法在此处附上图片。

最佳答案

h1{margin:0} 添加到您的 css 并解决您的问题。就像你知道的那样,除非另有定义,否则所有文本元素都有边距,它会影响定位和大小:)

关于html - 标题将包含的 div 从顶部向下推?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31811635/

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