似乎当我在 div 中有一个表格并将表格设置为 100% 宽度并给它一些边距时，它似乎忽略了右侧边距。这是它的小提琴：
问问题
911 次
3 回答
2
宽度适用于元素的实际内容，因此您有一个内容为 100% 宽的表格，除此之外，您添加了一些边距，将宽度推到 100% 以上，因此表格的右侧超出了父级的右侧边缘。可能您应该在父级上使用填充而不是在表格上使用边距，或者<div>只使用边距的附加包装器。
于 2012-09-19T20:56:01.123 回答
0
只需添加padding: 10px;到.inner班级并margin从表格中删除。
这是演示
于 2012-09-19T20:59:07.640 回答
0
这就是 CSS 默认盒子模型的工作原理：元素的宽度（通过 定义width: x）+ 边框 + 边距 + 填充 = 它占用的空间总量。
http://css-tricks.com/the-css-box-model/
您可以使用 更改盒子模型box-sizing: border-box，这将导致width: 100%包含您的填充/边框。
于 2012-09-19T21:03:22.623 回答