如何在网页中的节内以html格式显示节内的元素？

我在网页的某个部分中有一些元素。这是我的密码。您只需查看带有

id=“最近的博客文章”

的部分。我加入了更多的代码，因为它可以帮助人们理解。在CSS中，相关部分位于

/*相关部分*/

注释下方

#欢迎标题{
位置：绝对位置；
顶部：158px；
宽度：100%；
垫底：10px；
}
#导言标题{
位置：绝对位置；
顶部：198px；
宽度：100%；
垫底：10px；
}
#奇怪的标题{
位置：绝对位置；
顶部：230像素；
宽度：100%；
}
#标题a节{
颜色：#FF0000；
文字装饰：无；
}
/*下一个领域*/
#内容{
位置：绝对位置；
左：135px；
顶部：317px；
宽度：1080px；
高度：876px；
显示：网格；
网格模板行：1fr 1fr；
网格模板柱：1fr 1fr 1fr；
网格行间距：60px；
栅柱间隙：60px；
网格模板区域：“内容-a内容-b内容-c”
“内容-d内容-e内容-f”；
边际下限：74px；
}
#内容a{
网格区域：content-a；
}
#内容-b{
网格区域：content-b；
}
#内容-c{
网格区域：content-c；
}
#内容-d{
网格区域：content-d；
}
#content-e{
网格区域：content-e；
}
#内容-f{
网格区域：content-f；
}
#内容{
文本对齐：居中；
}
#内容img{
边缘底部：33像素；
宽度：320px；
高度：240px；
}
#含量h4{
边缘底部：20px；
}
.内容标题主播{
字号：18px；
线高：18px；
颜色：#333333；
}
.按钮锚{
字体大小：16px；
线高：27px；
颜色：#FFFFFF；
背景色：#FF5A43；
填充：10px 25px；
边界半径：4px；
}
/*下一个领域*/
/*相关章节*/
#最近的博客文章{
位置：绝对位置；
顶部：1273px；
宽度：100%；
高度：836px；
填充顶部：50px；
填充底部：50px；
背景色：#F4F8FA；
}
#最近的博客文章h1{
位置：绝对位置；
左：135px；
顶部：1353px；
字体大小：30px；
线高：30px；
文本对齐：左对齐；
颜色：#333333；
}
#查看博客锚{
位置：绝对位置；
左：135px；
顶部：1395px；
字体大小：16px；
线高：27px；
文本对齐：左对齐；
颜色：#E74225；
}
#最近的博客文章img{
位置：绝对位置；
显示：块；
保证金：0计算（（100%-1048px）/2）；
顶部：1480px；
宽度：1048px；
高度：405px；
}
#博客文章链接锚{
位置：绝对位置；
左：135px；
顶部：1910px；
字号：26px；
线高：26px；
文本对齐：左对齐；
颜色：#333333；
}
#文章元数据，#文章元数据a{
字体大小：14px；
线高：24px；
颜色：#666666；
}
#文章元数据{
位置：绝对位置；
左：135px；
顶部：1951px；
文本对齐：左对齐；
}
#博客文章介绍{
位置：绝对位置；
左：135px；
排名：1994px；
字体大小：16px；
线高：27px；
文本对齐：左对齐；
颜色：#666666；
}

欢迎来到图标乌托邦！
作为一名设计师的一切。
在图像的CSS上第一次尝试：

显示：内联块；
保证金：自动；

这将使图像集中在分区内。仍然存在问题。。。尝试将整个包含div的宽度更改为固定而不是100%

宽度：1080px；

或者不管你喜欢什么…
你的
中的大多数元素都有
位置：绝对
与
top
和
left
属性结合使用，这对您的风格是致命的。
例如，您的
的css

这意味着标题位于父标题的内部，与父标题顶部之间有1353px的间隙。所以
top:0
意味着标题就从它的父部分开始（我想这就是你想要的）。因此，由于上述原因，该部分的子项与父项之间存在很大的差距，这是因为它们没有显示在内部

我建议删除
部分
中所有元素的
位置：绝对
属性，将它们替换为
相对
（这取决于子元素的确切位置）。另外，我建议使用flexbox（
display:flex；
），这样定位更容易。对于间距，可以使用
边距
和
填充
属性


。第2节{
位置：绝对位置；
顶部：200px；
宽度：100%；
最小高度：64px；
背景：红色；
颜色：#000；
}
.第2节h1{
位置：绝对位置；
顶部：100px；
左：50px；
}
.第2节跨度{
位置：绝对位置；
顶部：50px；
左：50px；
}
.第1节{
位置：绝对位置；
宽度：100%；
最小高度：64px；
背景：绿色；
颜色：#fff；
}
.第1节h1{
位置：相对位置；
显示：块；
填充：16px；
}
.第1节跨度{
职位：相对；；
边缘顶部：60像素；
}

相对定位
相对定位文本
绝对定位
绝对定位文本
确保使用绝对单位的宽度，而不是相对于屏幕大小。。。像px一样，在CMX中，图像已经居中。我只是试着用像素设置宽度；它不起作用。不，将在该区域内设置图像的属性是“显示内联块和边距：自动将其居中…”。。。在这种情况下，图像没有设置宽度，然后尝试给它一个像素宽度。
position: absolute;
left: 135px;
top: 1353px;