IMG突破DIV调整大小

Question

我有一个图像在顶部的DIV作为标题。另一个DIV在其右侧有文本。当我将Google Chrome浏览器调整为特定大小时，图片会突破div并进入文本DIV。我想知道如何强制图像保持与DIV相同的尺寸，以便在突破时不与其他元素混合。

Answer 1

您可以设定100％的宽度图像，使之适合在div：

div { 
    width: 40% /* or whatever */ 
} 
img { 
    width: 100%; 
    height: auto; 
    max-width: 100%; 
} 

Answer 2

我觉得我理解你的问题够了，虽然这会有助于看到一些代码。尽管如此，这是对我有用的东西。

img.resize { 
    width:100px; 
    height: auto; 
}