边距权利没有被删除答案

【问题标题】：Margin-right not being removed边距权利没有被删除
【发布时间】：2016-01-04 07:21:13
【问题描述】：

我在页面中添加了一个边距权限，这在移动设备上尤其明显。我已经尝试了question thread 中的所有内容，例如body, html {margin:0;}，但没有任何效果。我已经尝试添加 !important 以及 margin-right:-8px; 但我仍然在右侧看到默认边距。

编辑：我已将其缩小到导致问题的 2 个 div 并将它们放入代码笔中。 http://codepen.io/caesar9/pen/jWyaoq

【问题讨论】：

【解决方案1】：

.help-1 img {
    height: 100%;
    margin: 20px 20px 20px 20px;
    box-sizing: border-box;
}

图像是问题 - 因为100% + margin = more than 100% 如果你想要边距，然后在它的容器上添加填充

【讨论】：

【解决方案2】：

确保所选元素具有margin:0!important 和padding:0!important。否则，检查width 是否设置正确。否则，请给我们您的代码示例。

【讨论】：

【解决方案3】：

我已经修好了！

由于某种原因，第一个 div 中的 IMG 溢出了 width: 100%;，所以我将其减少到 90%。

我没有在页脚上设置宽度，所以我也添加了width: 100%; 并且页边距现在消失了。

为什么 IMG 会溢出带有width: 100%; 的元素？ & 如果没有设置宽度，为什么页脚会溢出？

【讨论】：