Html 绝对位置保持将对象推到帧外

对不起，编程初学者。但是我对一些代码有问题

我试图在文本I的后面添加一个白色背景，但是里面有很多空白。这：

我想说的是：

因此，我的方法是将该段放在div中，并给出以下代码：

.i_box{
    background-color: rgb(245, 244, 244);
    border-radius: 7px;
    padding-left: 15px;
    padding-right: 15px;
    color: #1a1e23;
    padding-top: 0.2px;
    padding-bottom: 8px;
    margin-bottom: 30px;
    margin-top: 30px;
}

标题的背景是白色的，位置绝对，边距足够大，可以放在文本下面，给人一种和原版一样的感觉。 但是标题会自动放在页面顶部

为什么会这样

下面是块的代码示例：

<h2>The problem</h2>
<div class="i_box">
<p>test test test </p>
</div>

问题
测试

有什么建议吗？

---

似乎无法理解这一点，所以我不完全确定您想要什么，但我创建了一些类似于您在图2中要求的内容。 以下是一个片段：

.i\u盒{
背景色：rgb（245244244）；
边界半径：7px；
左侧填充：15px；
右侧填充：15px；
颜色：#1a1e23；
填充顶部：0.2px；
垫底：8px；
边缘底部：30px；
大小：相对；
}
1.头衔问题{
显示：内联块；
背景色：rgb（245244244）；
左侧填充：10px；
右边填充：10px；
边界半径：7px 7px 0px 0px；
}
.头衔的事父母{
文本对齐：居中；
/* 
要居中.title对象，请将显示：内联块添加到.title对象，以便它可以工作。
*/
}
身体{
背景颜色：蓝色；
}

问题
测试

所以我不完全确定您想要什么，但我创建了一些类似于您在图2中要求的内容。 以下是一个片段：

.i\u盒{
背景色：rgb（245244244）；
边界半径：7px；
左侧填充：15px；
右侧填充：15px；
颜色：#1a1e23；
填充顶部：0.2px；
垫底：8px；
边缘底部：30px；
大小：相对；
}
1.头衔问题{
显示：内联块；
背景色：rgb（245244244）；
左侧填充：10px；
右边填充：10px；
边界半径：7px 7px 0px 0px；
}
.头衔的事父母{
文本对齐：居中；
/* 
要居中.title对象，请将显示：内联块添加到.title对象，以便它可以工作。
*/
}
身体{
背景颜色：蓝色；
}

问题
测试

最简单的方法可能是使h2具有

显示：内联块

看看我在示例中所做的：

.i\u盒{
背景色：rgb（245244244）；
边界半径：7px；
左侧填充：15px；
右侧填充：15px；
颜色：#1a1e23；
填充顶部：0.2px；
垫底：8px；
边缘底部：30px；
边缘顶部：30px；
}
身体{
背景：黄色；
}
氢{
背景：白色；
显示：内联块；
}

问题
测试

最简单的方法可能是使h2具有

显示：内联块

看看我在示例中所做的：

.i\u盒{
背景色：rgb（245244244）；
边界半径：7px；
左侧填充：15px；
右侧填充：15px；
颜色：#1a1e23；
填充顶部：0.2px；
垫底：8px；
边缘底部：30px；
边缘顶部：30px；
}
身体{
背景：黄色；
}
氢{
背景：白色；
显示：内联块；
}

问题
测试

以下是与您要求的内容类似的代码

正文{
背景色：天蓝色；
}
i_盒{
背景色：rgb（245244244）；
边界半径：7px；
左侧填充：15px；
右侧填充：15px；
颜色：#1a1e23；
填充顶部：0.2px；
垫底：8px；
边缘底部：30px；
大小：相对；
/*边缘顶部：30px*/
}
.包装纸{
文本对齐：居中；
}
.wrapper>h2{
显示：内联块；
边界半径：7px；
背景色：白色；
填充：10px 20px；
保证金：0；
}

问题
测试

以下是与您要求的内容类似的代码

正文{
背景色：天蓝色；
}
i_盒{
背景色：rgb（245244244）；
边界半径：7px；
左侧填充：15px；
右侧填充：15px；
颜色：#1a1e23；
填充顶部：0.2px；
垫底：8px；
边缘底部：30px；
大小：相对；
/*边缘顶部：30px*/
}
.包装纸{
文本对齐：居中；
}
.wrapper>h2{
显示：内联块；
边界半径：7px；
背景色：白色；
填充：10px 20px；
保证金：0；
}

问题
测试