Javascript 允许子元素扩展到父div'；填充物

我的一个包装器div有自己的填充，需要它来进行组织布局

但是，其中一个子组件需要完全穿过屏幕，因此基本上忽略其父集合的填充

我怎样才能使这个子组件完全遍历它的父div，而忽略它的填充集呢

下面是一个例子，我有一些关于我尝试做什么的进一步说明：

const-App=（）=>{
返回(
请参阅下面的蓝色背景段落。我希望它超出我为父div设置的填充

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德如果你不轻率，就必须为自己的行为负责。

这样想：我仍然希望它能够根据需要滚动，但是，我希望它能够完全穿过父div，超过它的填充设置。
)
}
ReactDOM.render(
,
document.getElementById（'app'）
);
你可以给它负的边距，等于你父母的边距，那么像这样的事情可能会发生吗


const-App=（）=>{
返回(
请参阅下面的蓝色背景段落。我希望它超出我为父div设置的填充

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德如果你不轻率，就必须为自己的行为负责。

这样想：我仍然希望它能够根据需要滚动，但是，我希望它能够完全穿过父div，超过它的填充设置。
)
}
ReactDOM.render(
,
document.getElementById（'app'）
);
你可以给它负的边距，等于你父母的边距，那么像这样的事情可能会发生吗


const-App=（）=>{
返回(
请参阅下面的蓝色背景段落。我希望它超出我为父div设置的填充

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德如果你不轻率，就必须为自己的行为负责。

这样想：我仍然希望它能够根据需要滚动，但是，我希望它能够完全穿过父div，超过它的填充设置。
)
}
ReactDOM.render(
,
document.getElementById（'app'）
);
您可以将
设置为绝对元素。见下文：


const-App=（）=>{
返回(
请参阅下面的蓝色背景段落。我希望它超出我为父div设置的填充

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德如果你不轻率，就必须为自己的行为负责。

这样想：我仍然希望它能够根据需要滚动，但是，我希望它能够完全穿过父div，超过它的填充设置。
)
}
ReactDOM.render(
,
document.getElementById（'app'）
);
您可以将
设置为绝对元素。见下文：


const-App=（）=>{
返回(
请参阅下面的蓝色背景段落。我希望它超出我为父div设置的填充

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德如果你不轻率，就必须为自己的行为负责。

这样想：我仍然希望它能够根据需要滚动，但是，我希望它能够完全穿过父div，超过它的填充设置。
)
}
ReactDOM.render(
,
document.getElementById（'app'）
);

重要注意事项，如果将
p
设置为
绝对值
，则必须将包装器设置为
位置：相对值
，以免弄乱整个布局。如果您对此有任何问题，请发表评论。请参阅更新的