Делаю блок Head максимальной шириной 500 рх. В этом блоке имеется картинка, исходная (физическая) ширина которой 1250 рх. Я размещаю ее в блоке Head и хочу, чтобы она не вылезала за пределы этого блока. А она вылезает и все это сваливается куда-то вправо (см. здесь)..

Как сделать, чтобы контейнер #Head.img определял свою ширину в размере 100% от ширины Head ?

#Head img {
  width: 100%;
}

:)

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль

Боьшое спасибо!

А почему так получается, что если сужать ширину браузера, то и страница пропорционально сужается, но на ширине 248 пикселей сужение прекращается?

Вроде бы, минимальная ширина не указана!

(Смотрю браузером Хром).