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; 
}