Html css基于百分比的背景

我如何显示一个带有一些文本的div（它完全填充了div的宽度），然后显示一个仅为40%的背景色，而不妨碍文本

以下是有问题的，因为文本在内部div中。可以说，我希望它在外部div中。

这是一个较长的文本，占用了大量空间

您可以使用渐变背景

background:linear-gradient(90deg, #EAFEE2 40%, #FFFFFF 50%)

---

查看此链接了解更多信息：

您可以使用渐变背景

background:linear-gradient(90deg, #EAFEE2 40%, #FFFFFF 50%)

---

查看此链接了解更多信息：

您可以使用负的

z-index

和所需的宽度限制使内部DIV绝对定位，如以下代码段所示

注意：内部DIV为空，文本仅在外部DIV中，不在内部DIV中）

.outer{
位置：相对位置；
}
.内部{
位置：绝对位置；
排名：0；
左：0；
宽度：35%；
身高：100%；
背景：#EAFEE2；
z指数：-1；
}

这是一个较长的文本，占用了大量空间

您可以使用负的

z-index

和所需的宽度限制使内部DIV绝对定位，如以下代码段所示

注意：内部DIV为空，文本仅在外部DIV中，不在内部DIV中）

.outer{
位置：相对位置；
}
.内部{
位置：绝对位置；
排名：0；
左：0；
宽度：35%；
身高：100%；
背景：#EAFEE2；
z指数：-1；
}

这是一个较长的文本，占用了大量空间