Html 为什么利润率顶部方向相反，而利润率底部方向相反；你一点也不动吗？

正如标题所提到的，这个问题非常具体，我似乎在任何地方都找不到答案。我试图在页面的最底部添加文字“2017独立”。当我将上边距设置为某个像素值时，文本将保持不变，没有任何变化，但当我将下边距设置为下边距时，它会在我所在的分区上方创建额外的空白，这与我想要的正好相反。我不确定是什么问题

html，
身体{
身高：100%
}
* {
保证金：0；
}
.第1节h1{
字体大小：100px；
颜色：白色；
边缘顶部：150px；
填充：0；
显示：内联块；
}
.第1-1节{
文本对齐：居中；
}
.第1节案文{
文本对齐：居中；
}
.第1节p{
字体大小：40px；
颜色：白色；
边缘顶部：250px；
填充：0；
显示：内联块；
}
.text3-1{
文本对齐：居中；
边缘顶部：100px；
显示：块；
}
.text3-1 p{
字体大小：100px；
颜色：白色；
背景：蓝色；
填充：50px；
显示：内联块；
}
#p1{
顶部：540px；
左侧填充：520px；
颜色：白色；
字体大小：42px；
}
#p2{
顶部：840px；
左侧填充：220px；
颜色：白色；
字体大小：24px；
}
#p3{
颜色：黑色；
顶部：2935px；
左侧填充：665px；
}
iframe{
位置：绝对位置；
}
门派{
身高：100%；
背景尺寸：封面；
背景附件：固定；
}
.子类{
身高：51.75%；
背景颜色：橙色；
保证金：0；
}
.第1节{
背景图片：url（“images/image4.jpg”）；
}
.第2节{
背景图片：url（“images/image5.jpg”）；
}
.第3节{
身高：100%；
背景尺寸：封面；
背景图片：url（“images/image2.jpg”）；
}
剧本{
左侧填充：250px；
}

独立音乐
什么音乐

这是关于

2017独立音乐

在我看来，

页边距

工作正常。问题在于包含

div

。 您将

sect3

设置为100%的

高度。使用此样式会使div与作为主体标记的父元素的高度一起显示。如果我正确理解问题，删除高度样式将解决问题

如果需要保持100%的高度，则必须添加一些额外的样式，以将文本放置在右端

将
position:relative
添加到容器
sect3
然后将
text3-1
div置于底部，例如

.text3-1 {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  margin-top: 100px;
  display: block;
}


html，
身体{
身高：100%
}
* {
保证金：0；
}
.第1节h1{
字体大小：100px；
颜色：白色；
边缘顶部：150px；
填充：0；
显示：内联块；
}
.第1-1节{
文本对齐：居中；
}
.第1节案文{
文本对齐：居中；
}
.第1节p{
字体大小：40px；
颜色：白色；
边缘顶部：250px；
填充：0；
显示：内联块；
}
.text3-1{
位置：绝对位置；
宽度：100%；
底部：0；
文本对齐：居中；
边缘顶部：100px；
显示：块；
}
.text3-1 p{
字体大小：100px；
颜色：白色；
背景：蓝色；
填充：50px；
显示：内联块；
}
#p1{
顶部：540px；
左侧填充：520px；
颜色：白色；
字体大小：42px；
}
#p2{
顶部：840px；
左侧填充：220px；
颜色：白色；
字体大小：24px；
}
#p3{
颜色：黑色；
顶部：2935px；
左侧填充：665px；
}
iframe{
位置：绝对位置；
}
门派{
身高：100%；
背景尺寸：封面；
背景附件：固定；
}
.子类{
身高：51.75%；
背景颜色：橙色；
保证金：0；
}
.第1节{
背景图片：url（“images/image4.jpg”）；
}
.第2节{
背景图片：url（“images/image5.jpg”）；
}
.第3节{
位置：相对位置；
身高：100%；
背景尺寸：封面；
背景图片：url（“images/image2.jpg”）；
}
剧本{
左侧填充：250px；
}

独立音乐
什么音乐

这是关于

2017独立音乐

您的代码没有按预期运行。请检查代码并在可调试代码中重现错误