Css 使用填充时忽略父对象的绝对位置宽度

我有两个部门，一个是家长

.box{
宽度：960px；
位置：相对位置；
}
#内容{
宽度：100%；
位置：绝对位置；
背景：黄色；
背景：0,0,0,0.5；
填充：30px20%；
}

Lorem ipsum dolor sit amet，奉献精英。发明者静脉布氏杆菌（BLANDITIS veniam autem repellat consequatur hic MAGNAMA），是一种多洛雷姆克葡萄胎

使用

这是演示

*{框大小：边框框}
：根{
顶部填充：40px
}
.盒子{
宽度：480px；
位置：相对位置；
}
#内容{
宽度：100%；
位置：绝对位置；
背景：黄色；
背景：0,0,0,0.5；
填充：30px20%；
}

Lorem ipsum dolor sit amet，奉献精英。发明者静脉布氏杆菌（BLANDITIS veniam autem repellat consequatur hic MAGNAMA），是一种多洛雷姆克葡萄胎

你应该使用

位置：相对

…

这个问题明确要求使用

位置：绝对

来解决。我也有同样的问题，我的

div

样式是由布局库完成的，因此不可能使用相对位置。

*{box-sizing: border-box}