Заставьте встраивать себя как div

Question

Я хотел бы добавить некоторые CSS, чтобы сделать <embed /> тег выглядит как <div>, В настоящее время он добавляет произвольную высоту и ширину, которые часто приводят к появлению прокрутки, похожей на iframe

Кто-нибудь знает "встроенный сброс", чтобы он вел себя как div?

Изменить: На самом деле мне просто нужно выяснить, как получить высоту, чтобы основываться на внутреннем содержании. Вот что у меня так далеко:

embed {
    width: 100%;
    display:block;
    margin: 0;
    /* Below from Eric Meyer's Reset */
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Спасибо Мэтт

Answer 1

Что происходит, когда вы стилизуете <object> тег тоже?

object, embed {
    width: 100%;
    display:block;
    margin: 0;
    /* Below from Eric Meyer's Reset */
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

Answer 2

Просто дикая догадка. Есть ли

 <embed style="display:block; width: 100%; height: 100%"> 

работа для тебя? ( Вот объяснение для отображения: блок).

Обратите внимание, что атрибуты высоты и ширины embed элементы должны быть пикселями, а не процентами, и поэтому здесь не очень полезны.

Answer 3

Можете добавить width=100%; а также height=100%; к самому тегу.

<embed src="http://google.com" type="text/html" width=100%; height=100%;>

http://jsfiddle.net/jasongennaro/K8nCn/1/

Важно: это будет работать только в том случае, если для содержимого достаточно места в окне. (перетащите скрипку, чтобы увидеть исчезновение полос прокрутки)

Вы, наверное, уже знаете это, но embed предназначен для интерактивного контента, такого как видео и аудио. [ 1, 2]

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