Html 宽度超过100%的元素的填充

如何修复宽度超过100%的元素的填充行为？表格右侧的缩进将折叠

*{
框大小：边框框；
保证金：0；
填充：0；
}
身体{
填充：30px；
}
桌子{
边界塌陷：塌陷；
宽度：150%；
}
th，td{
边框：1px实心#000；
}

SDSFDSFDSDSFDSFD
SDFSDSDFSDSDDFSDSDDF

150%宽度始终与

父项的宽度相对，因此如果
父项的宽度增大（添加填充），则
子项的宽度将相应增大，并最终位于外部，因为父项宽度的
50%
大于
填充的宽度，您可以通过将
表
放入如下包装器来实现：


*{
框大小：边框框；
保证金：0；
填充：0；
}
身体{
}
#包装器{
填充：30px；
宽度：150%；
}
桌子{
边界塌陷：塌陷；
宽度：100%；
}
th，td{
边框：1px实心#000；
}

SDSFDSFDSDSFDSFD
SDFSDSDFSDSDDFSDSDDF
下面是一个使用边框而不是填充的想法：


*{
框大小：边框框；
保证金：0；
填充：0；
}
身体{
填充：30px0；
}
桌子{
边界塌陷：塌陷；
宽度：150%；
右边框：30px实心#fff；
左边框：30px实心#fff；
位置：相对位置；
}
表：之前{
内容：“；
位置：绝对位置；
排名：0；
底部：0；
左：15px；
宽度：1px；
背景：#000；
}
表：之后{
内容：“；
位置：绝对位置；
排名：0；
底部：0；
右：15px；
宽度：1px；
背景：#000；
}
th，td{
边框：1px实心#000；
}

SDSFDSFDSDSFDSFD
SDFSDSDFSDSDDFSDSDDF
表格是动态生成的，宽度不是恒定的如果
表格的
宽度
不是恒定的，那么
宽度：自动
或者甚至
宽度：100%
对于
表格
和
包装器
都应该这样做，或者您应该提供关于您的问题的更多细节，比如
表
是如何生成的？宽度：150%来自哪里？150%来自大于100%的宽度。你能更清楚地告诉我们你想要什么吗achieve@TemaniAfif你到底不明白什么？没什么：）你有这样的布局逻辑，没有问题，那么你期待什么呢？您想要什么？@TemaniAfif如果希望在表的右侧具有可变宽度的缩进，您只是希望出现不合逻辑的情况：）您溢出了父元素，那么您希望如何应用填充权限？只需阅读更多有关布局工作原理的信息。。。当子元素大于其父元素时，需要遵循规则，在您的情况下就是这样，那么您希望如何应用溢出的填充？那么，如果子元素溢出父元素，您是否期望父元素的背景将覆盖所有子元素？当然没有