CSS-忽略溢出滚动和右键填充 .d1{ 背景颜色：浅蓝色；显示器：flex；溢出：滚动；填充：10px； } .d2{ 背景颜色：黄色；保证金：5px； } 111111111111111111111 111111111111111111111 111111111111111111111 111111111111111111111_Css_Overflow_Margin_Padding

CSS-忽略溢出滚动和右键填充 .d1{ 背景颜色：浅蓝色；显示器：flex；溢出：滚动；填充：10px； } .d2{ 背景颜色：黄色；保证金：5px； } 111111111111111111111 111111111111111111111 111111111111111111111 111111111111111111111

css

CSS-忽略溢出滚动和右键填充 .d1{ 背景颜色：浅蓝色；显示器：flex；溢出：滚动；填充：10px； } .d2{ 背景颜色：黄色；保证金：5px； } 111111111111111111111 111111111111111111111 111111111111111111111 111111111111111111111,css,overflow,margin,padding,Css,Overflow,Margin,Padding,在这个简单的例子中，我在父div上使用padding，在子上使用margin，但在容器的最右侧没有padding或margin。。。我怎样才能解决这个问题？Ty试试这个 .d1{ 背景颜色：浅蓝色；显示：内联flex；溢出：自动；填充：10px； } .d2{ 背景颜色：黄色；保证金：5px； } 111111111111111111111 111111111111111111111 111111111111111111111 111111111111111111111 我想当滚动条

在这个简单的例子中，我在父

div

上使用

padding

，在

子上使用margin
，但在容器的最右侧没有padding
或margin
。。。我怎样才能解决这个问题？Ty
试试这个


.d1{
背景颜色：浅蓝色；
显示：内联flex；
溢出：自动；
填充：10px；
}
.d2{
背景颜色：黄色；
保证金：5px；
}
111111111111111111111
111111111111111111111
111111111111111111111
111111111111111111111
我想当滚动条出现时，您希望保留浅蓝色的填充。为了实现这一点，必须将滚动容器和填充容器分开
我建议您将HTML更改为：

*{
框大小：边框框；
}
html，正文{
保证金：0；
}
.包装纸{
填充：10px；
背景颜色：浅蓝色；
最大宽度：500px；
}
.卷轴{
溢出-x：滚动；/*或自动*/
显示器：flex；
}
.内容{
背景颜色：黄色；
保证金：5px；
}

Loremipsum Loremipsum
Loremipsum Loremipsum
Loremipsum Loremipsum
Loremipsum Loremipsum
我无法重现相同的问题。我已将您的代码复制到我的codepan:。我可以看到填充和边距在那里工作。如果你调整窗口的大小，则不会
<!DOCTYPE html>
<html>
<head>
<style>
.d1 {
    background-color: lightblue;
    display: flex;
    overflow: scroll;
    padding: 10px;
}
.d2 {
    background-color: yellow;
    margin: 5px;
}
</style>
</head>
<body>

<div class="d1">
    <div class="d2">111111111111111111111</div>
    <div class="d2">111111111111111111111</div>
    <div class="d2">111111111111111111111</div>
    <div class="d2">111111111111111111111</div>
</div>

</body>
</html>