请检查此示例:http://jsfiddle.net/fFSZN/2/
您会看到 img 的一部分是如何由于边框而脱离 div 的。 div 的当前宽度 (300px) 只是为示例设置的，实际上它是 100%(所以我不能硬编码值)。我的问题是如何仅使用 CSS 将图像及其边框放入 div？
最佳答案
您需要使用 box-sizing: border-box 来完成这项工作。另外，请注意我是如何将图像设置为最大为包含元素宽度的 100%，同时将高度设置为自动以保持适当的纵横比。
来自 Paul Irish 的关于 border-box 的更多信息:http://www.paulirish.com/2012/box-sizing-border-box-ftw/
关于css - 流体设计问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17616575/