Div не занимает высоту iframe

Question

Div не занимает высоту iframe

0

Я попытался внедрить iframe в div, для которого я не указал высоту. Я ожидал, что iframe заполнит div, но там будет какое-то место в нижней части div.

Я знаю, как заставить div взять высоту iframe, но мне любопытно, почему там пространство внизу дна желтого цвета, когда я не указываю высоту желтого div. Я также немного смущен тем, что дает iframe свойство display:block позволяет div также принимать высоту iframe.

cozloz 20 апр. 2014, в 08:08

Источник

Теги:

html

css

2 ответа

0

iframes display inline по умолчанию.

Поэтому, если вы собираетесь с margin: auto; (так как вы не задали margin, поэтому по умолчанию его margin: auto) вам нужно добавить display: block; также.

Также для автоматических полей для работы явная ширина должна быть установлена на iframe (что вы сделали).

4dgaurav 20 апр. 2014, в 05:02

Ещё вопросы

Christian Varga · Accepted Answer · 2014-04-20T03-50-00.000Z

display: inline iframe display: inline по умолчанию. На встроенные элементы могут влиять многие вещи, включая line-height, vertical-align и т.д. Попробуйте установить свою line-height на 0 в родительском элементе iframe, вы увидите, что маржа исчезнет. http://jsfiddle.net/7wt8L/2/

Если вы не хотите, чтобы эти текстовые свойства влияли на ваши элементы, используйте display: block; вместо.