Css IMG不'；t尊重集装箱'；填充物

我已经有了一个解决方案，那就是将

IMG

宽度设置为

90%

。这对我来说毫无意义，这就是为什么我想理解为什么会这样

---

容器是一个浮动的

DIV

，两侧填充

15px

，宽度设置为

100%

，包含的

IMG

在两侧都有

12px

边距，宽度设置为

100px

。它似乎是在填充祖父母而不是其父父母。

默认情况下，CSS边距和填充不包括在宽度中。换句话说，如果您将某个值设置为宽度100%，它的宽度将是容器的全宽，然后填充和边距将添加到其中

Bootstrap和其他CSS包更改CSS默认值，以便它很可能实现您想要做的事情。该财产是：

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

当然*可能有点太宽了，但基本上，当您使用基于百分比的容器中的填充物和边距时，您应用它的任何内容都会使宽度更加灵活

---

与其对图像应用100%的边距，我建议使用外部容器的填充并从图像中删除边距。

我认为这是一个比在

宽度上使用
90%
更好的解决方案。谢谢