似乎当我在div中有一个表并且我将表设置为100％宽度并给它一些余量时，似乎忽略了右侧边距。这是它的小提琴：
答案 0 :(得分：2)
宽度适用于元素的实际内容，因此您有一个100％宽内容的表，除此之外，您还需要添加一些边距宽度超过100％，因此桌子的右侧延伸超出父母的右边缘。可能你应该在父级上使用填充而不是表上的边距，或者只使用边距的附加包装<div>。
答案 1 :(得分：0)
只需将padding: 10px;添加到.inner类，然后从表中删除margin即可。
Here是演示
答案 2 :(得分：0)
这就是CSS默认框模型的工作原理：元素的宽度（通过width: x定义）+边框+边距+填充=它占用的总空间量。
http://css-tricks.com/the-css-box-model/
您可以使用box-sizing: border-box更改框模型，这会导致width: 100%包含您的填充/边框。