是否有一种方法可以让具有IMG width:100%，margin 10px的图像自动适应固定宽度的div，而不会溢出。

12 浏览
0 Comments

是否有一种方法可以让具有IMG width:100%，margin 10px的图像自动适应固定宽度的div，而不会溢出。

我有一个固定宽度的div（可以更改，但以固定为例）。文本和图片将显示在不同大小的div内，包括100%的宽度。图片将有10px的外边距。

当我显示一个100%宽度的IMG时，它会在右侧略微溢出div。有没有一种CSS的方法（或其他方法）可以自动让IMG在div内显示，考虑到两侧的10px外边距，而不溢出，同时保持width:100%的值？

我知道我可以通过使用计算出的数值来解决这个问题，比如width:94.5%（第二个图片）对于一个400px宽的div容器，但我宁愿不这样做，因为这样会导致每次容器宽度改变时都要重新计算...也许这真的是最好的方法？

不想使用overflow:hidden，因为这会给人一种被截断的感觉...

示例代码：


    溢出了
    
    看起来没问题，但使用了奇怪的计算宽度

0