Загрузка сайта с помощью getElementById в div без 100% ширины

Question

Я создаю сайт с помощью начальной загрузки и загружаю другой сайт внутри своей страницы с помощью javascript:

<div id ="content"></div>
<script>
function myFunction() {
document.getElementById("content").innerHTML='<object type="text/html" data="1.html" ></object>';
}
<script>

он работает так же, как я хочу, за исключением того, что контент не занимает 100% отdiv, я думал, что смогу исправить это с помощью css, но он ничего не делает:

#content{
    margin: 0 auto;
    width:100%; /*it changes the size of the div but not the content*/
    background: red;
    height: 100%;
}

Вот картинка того, что происходит, в оригинальном 1.html панели занимают 100% документа.

Answer 1

Вы можете добавить это в свой CSS

#content object{
   width: 100%;
}

Answer 2

<div id ="content"></div>
<script>
function myFunction() {
document.getElementById("content").innerHTML='<object     type="text/html" id="obj" data="1.html" ></object>';
}
window.onload=function(){
document.getElementById("obj").style.width = "100%";
}
</script>