Сделать ширину содержимого iFrame шириной iFrame

Question

Как я могу увеличить ширину iFrame ширины iFrame? Например, если IFrame объявлен так:

<iframe style="width: 300px; height: 600px;" src="http://teamfreehugs.github.io/stackexchange/questionpacker/clean.html?question=4&amp;site=stackoverflow"></iframe> 

Как я могу сделать так, что содержание IFrame будет иметь меньший веб-страницу, а не показывать полосы прокрутки? Кроме того, я не хочу скрывать полосы прокрутки, я хочу, чтобы это не удалось показать, уменьшив размер внутренней страницы. Пример:

Это то, что у меня есть:

Здесь внутренняя страница в IFrame думает, размер страницы мой регулярный размер страницы, а не размер страницы в IFrame, в результате чего <hr> быть больше, что она должна быть ,

Я хочу, чтобы полосы прокрутки исчезли, а страница внутри думает, что она имеет меньшую ширину. Например, если я устанавливаю ширину на width: 100px, внутренняя страница считает, что окно составляет всего 100 пикселей, что означает, что <hr> будет отображаться только на 100 пикселей.

Answer 1

http://alistapart.com/article/creating-intrinsic-ratios-for-video

Может быть эта техника придет очень удобно. =) Это не только для видео, но и для любого встроенного контента. Вы даже можете использовать его для трюков с фоновыми изображениями и т. Д.

Answer 2

body{ 
width: 100%; 
} 

по вашему содержанию iframe.

и есть, по-видимому, другие элементы в вашем содержании, которые имеют большую ширину, дают им максимальную ширину: 100%;