Html h1在元件中过低 /*主要元素*/ 部门机构{ 显示：块； 背景颜色：淡紫色； 边框：0px 20px 0px 20px； 最大宽度：1100px； 边缘顶部：10px； 右边距：20px； 左边距：20px； 明确：两者皆有； 填充：0px 20px 0px 20px； } 身体{ 显示：块； 背景颜色：淡紫色； 边界：10px； 最大宽度：1100px； 利润率：0px280 px 0px 10px； 明确：两者皆有； } /*人体跳水*/ 正文部分{ 显示：块； 位置：绝对位置； 顶部：10px； 宽度：1075px； 高度：470px； 背景颜色：MediumAquaMarine； 右边距：0； 左边距：0px； 底部：10px； } 第1分部{ 显示：内联块； 背景色：柠檬黄； 位置：绝对位置； 顶部：10px； 宽度：480px； 身高：225px； 左边距：10px； 填充：0 10px 0 10px； } 第2分部{ 显示：内联块； 背景颜色：鲑鱼； 位置：绝对位置； 顶部：10px； 宽度：525px； 身高：225px； 左边距：520像素； 填充：0 10px 0 10px； } 第3分部{ 显示：内联块； 背景颜色：耐火砖； 位置：绝对位置； 顶部：250px； 宽度：530px； 身高：205px； 左边距：10px； 填充：0 10px 0 10px； } 第4分部{ 显示：内联块； 背景色：海绿； 位置：绝对位置； 顶部：250px； 宽度：475px； 身高：205px； 左边距：570px； 填充：0 10px 0 10px； } /*-----------------------------------------------------------------------*/ 标题{ 背景颜色：淡紫色； } /*标题divs*/ 分区标题{ 显示：块； 位置：绝对位置； 宽度：1075px； 高度：150像素； 顶部：490px； 背景颜色：淡黄花； 右边距：0； 左边距：0px； } 部门背景信息{ 显示：内联块； 背景颜色：浅蓝色； 位置：绝对位置； 顶部：80px； 宽度：455px； 填充：10px 10px 10px 10px； 高度：40px； 右边距：900px； 左边距：10px； } 数码湾分区{ 显示：内联块； 背景颜色：珊瑚； 位置：绝对位置； 宽度：455px； 高度：60px； 顶部：20px； 利润上限：-10px； 右边距：560px； 左边距：180像素； 填充：0 10px 0 10px； } 导航处{ 显示：内联块； 位置：绝对位置； 背景颜色：浅蓝色； 顶部：10px； 右边距：0px； 左边距：665px； 填充：10px 0px 10px 0px； 高度：110px； 宽度：395px； } 分区联系人{ 显示：内联块； 背景颜色：巧克力色； 位置：绝对位置； 顶部：100px； 宽度：300px； 高度：45px； 右边距：550px； 左边距：190px； 填充：0 10px 0 10px； } 第2分部{ 显示：内联块； 背景颜色：深粉色； 位置：绝对位置； 顶部：100px； 宽度：130px； 高度：45px； 右边距：550px； 左边距：515px； 填充：0 10px 0 10px； } 数字湾
在上面的元素中，在编译时myHtml h1在元件中过低 /*主要元素*/ 部门机构{ 显示：块； 背景颜色：淡紫色； 边框：0px 20px 0px 20px； 最大宽度：1100px； 边缘顶部：10px； 右边距：20px； 左边距：20px； 明确：两者皆有； 填充：0px 20px 0px 20px； } 身体{ 显示：块； 背景颜色：淡紫色； 边界：10px； 最大宽度：1100px； 利润率：0px280 px 0px 10px； 明确：两者皆有； } /*人体跳水*/ 正文部分{ 显示：块； 位置：绝对位置； 顶部：10px； 宽度：1075px； 高度：470px； 背景颜色：MediumAquaMarine； 右边距：0； 左边距：0px； 底部：10px； } 第1分部{ 显示：内联块； 背景色：柠檬黄； 位置：绝对位置； 顶部：10px； 宽度：480px； 身高：225px； 左边距：10px； 填充：0 10px 0 10px； } 第2分部{ 显示：内联块； 背景颜色：鲑鱼； 位置：绝对位置； 顶部：10px； 宽度：525px； 身高：225px； 左边距：520像素； 填充：0 10px 0 10px； } 第3分部{ 显示：内联块； 背景颜色：耐火砖； 位置：绝对位置； 顶部：250px； 宽度：530px； 身高：205px； 左边距：10px； 填充：0 10px 0 10px； } 第4分部{ 显示：内联块； 背景色：海绿； 位置：绝对位置； 顶部：250px； 宽度：475px； 身高：205px； 左边距：570px； 填充：0 10px 0 10px； } /*-----------------------------------------------------------------------*/ 标题{ 背景颜色：淡紫色； } /*标题divs*/ 分区标题{ 显示：块； 位置：绝对位置； 宽度：1075px； 高度：150像素； 顶部：490px； 背景颜色：淡黄花； 右边距：0； 左边距：0px； } 部门背景信息{ 显示：内联块； 背景颜色：浅蓝色； 位置：绝对位置； 顶部：80px； 宽度：455px； 填充：10px 10px 10px 10px； 高度：40px； 右边距：900px； 左边距：10px； } 数码湾分区{ 显示：内联块； 背景颜色：珊瑚； 位置：绝对位置； 宽度：455px； 高度：60px； 顶部：20px； 利润上限：-10px； 右边距：560px； 左边距：180像素； 填充：0 10px 0 10px； } 导航处{ 显示：内联块； 位置：绝对位置； 背景颜色：浅蓝色； 顶部：10px； 右边距：0px； 左边距：665px； 填充：10px 0px 10px 0px； 高度：110px； 宽度：395px； } 分区联系人{ 显示：内联块； 背景颜色：巧克力色； 位置：绝对位置； 顶部：100px； 宽度：300px； 高度：45px； 右边距：550px； 左边距：190px； 填充：0 10px 0 10px； } 第2分部{ 显示：内联块； 背景颜色：深粉色； 位置：绝对位置； 顶部：100px； 宽度：130px； 高度：45px； 右边距：550px； 左边距：515px； 填充：0 10px 0 10px； } 数字湾,html,css,Html,Css,在上面的元素中，在编译时my元素所在的位置，嵌套在div中的元素在编译时在元素中的位置过低。我想知道是否有办法使它在div中更高一级。我已经尝试过更改页边距，但它会沿着页面向上移动div，这没有帮助。在h1上设置一个页边距，它会向上移动。例如： <!DOCTYPE html> <html> <head> <style> /* main elements */ div.body { display: block; backgro
divh1<!DOCTYPE html>
<html>
<head>
<style>
/* main elements */
div.body {
display: block;
background-color: Lavender;
border: 0px 20px 0px 20px;
max-width: 1100px;
margin-top: 10px;
margin-right:20px;
margin-left: 20px;
clear: both;
padding: 0px 20px 0px 20px;
}
body {
display: block;
background-color: Lavender;
border: 10px;
max-width:1100px;
margin: 0px 280px 0px 10px;
clear:both;
}
/*Body Divs*/
div.bodycontent{
display:block;
position:absolute;
top: 10px;
width: 1075px;
height: 470px;
background-color: MediumAquaMarine;
margin-right:0;
margin-left:0px;
bottom:10px;
}
div.body1 {
display: inline-block;
background-color: limegreen;
position: absolute;
top: 10px;
width:480px;
height:225px;
margin-left:10px;
padding: 0 10px 0 10px;
}
div.body2 {
display: inline-block;
background-color: Salmon;
position: absolute;
top: 10px;
width:525px;
height:225px;
margin-left:520px;
padding: 0 10px 0 10px;
}
div.body3 {
display: inline-block;
background-color: FireBrick;
position: absolute;
top: 250px;
width:530px;
height:205px;
margin-left:10px;
padding: 0 10px 0 10px;
}
div.body4 {
display: inline-block;
background-color: SeaGreen;
position: absolute;
top: 250px;
width:475px;
height:205px;
margin-left:570px;
padding: 0 10px 0 10px;
}
/*-----------------------------------------------------------------------*/
header {
background-color: Lavender;
}
/*header divs*/
div.header {
display:block;
position:absolute;
width: 1075px;
height:150px;
top:490px;
background-color: PaleGoldenRod;
margin-right:0;
margin-left: 0px;
}
div.backinfo {
display:inline-block;
background-color: lightblue;
position: absolute;
top:80px;
width:455px;
padding:10px 10px 10px 10px;
height:40px;
margin-right:900px;
margin-left:10px;
}
div.digitalbay {
display: inline-block;
background-color: coral;
position: absolute;
width:455px;
height:60px;
top:20px;
margin-top:-10px;
margin-right:560px;
margin-left:180px;
padding: 0 10px 0 10px;
}
div.nav {
display: inline-block;
position: absolute;
background-color: lightblue;
top:10px;
margin-right:0px;
margin-left:665px;
padding: 10px 0px 10px 0px;
height:110px;
width:395px;
}
div.contact {
display: inline-block;
background-color: Chocolate;
position: absolute;
top: 100px;
width:300px;
height:45px;
margin-right:550px;
margin-left:190px;
padding: 0 10px 0 10px;
}
div.contact2 {
display: inline-block;
background-color: DeepPink;
position: absolute;
top: 100px;
width:130px;
height:45px;
margin-right:550px;
margin-left:515px;
padding: 0 10px 0 10px;
}
</style>
</head>
<div class="bodydiv">
<header>
<div class="header">
<div class="backinfo">
</div>
<div class="digitalbay">
<h1>Digital Bay</h1>
</div>
<div class="nav">
</div>
</header>
<body>
<div class="bodycontent">
<div class="body1">
</div>
<div class="body2">
</div>
<div class="body3">
</div>
<div class="body4">
</div>
</div>
</body>
</div>
<aside>
<div class="extrainfo">
</div>
<div class="slideshow">
</div>
</aside>
<footer>
<div class="footer">
</div>
</footer>
</html>
您的
.headertop:490px- 切勿将
标签放在
内。。。它总是应该在
标记的后面。当浏览器解析HTML时，它会自动为您更正，但是如果您开始期望您的body标记位于现在的位置，则会出现错误 - 不要按照以下方式编写CSS
。相反，只需使用不带元素的类名：div.className
。这将降低特异性，并使其在生长过程中更容易保持。这也会大大减少你的打字量.className - 我不知道你在这个页面的最终目标是什么，但是不在任何地方使用
可能更容易。使用position:absoluteposition:relative - 在HTML中，有一个名为
的标记。每页只能有一个，我用它代替您的 - 您正在使用
和
并将
放入其中，其中包含一个页眉和页脚类。。。删除它并将类直接放在
和
标记上 - 在
中，您可以使用
标记而不是div（如果在您的情况下它在语义上是正确的）
h1 {
margin-top: 0.25em;
}