Как остановить растяжение родительского DIV, когда я вставил в него iFrame?

Question

Я не буду публиковать код напрямую, но вы можете увидеть его здесь: http://markbrewerton.co.uk/work.html

У меня есть ссылки, которые загружают iFrame в DIV при щелчке по ним, однако, как вы заметите, родительский DIV растягивается и очень сильно уменьшается. Я довольно новичок во всем этом, поэтому не могли бы вы объяснить, как я могу это исправить?

Приветствия

Answer 1

Попробуйте это (если вы хотите полосы прокрутки):

#yourdiv {
  height: 300px; /* fixed height */
  overflow: scroll;
}

... или это (если вы хотите просто обрезать содержимое):

#yourdiv {
  height: 300px;
  overflow: hidden;
}

Редактировать: Вы можететакже исправьте высоту самого <iframe>:

#youriframe {
  height: 300px;
}

Answer 2

Первая часть - настройка границ элемента div с использованием стилей высоты и ширины.

После этого установите стиль переполнения.

Переполнение имеет разные значения. Авто скорее всего получит желаемый результат. http://programming.top54u.com/post/HTML-Div-Tag-Overflow-CSS-Style-Scrollbars.aspx