divのフルサイズが表示されない

Question

自分のウェブサイトの記事を投稿するためのダッシュボードページを作成しています。 私はサイドバーと私の投稿ページが表示されますセクションを持っていますが、そのページがセクションのフルサイズを取っていません...ここ は私の問題https://ibb.co/kuZBQm

.container { 
 
    width: 100%; 
 
    height: auto; 
 
} 
 

 
aside { 
 
    float: left; 
 
    width: 200px; 
 
    height: 500px; 
 
    border: 1px solid; 
 
} 
 

 
section { 
 
    width: 100%; 
 
    height: 500px; 
 
    border: 1px solid red; 
 
}

<div class=" container"> 
 
    <aside> 
 
    <a href="#" onclick="load_topgamespost()"><button> Top Games</button></a> 
 
    </aside> 
 

 
    <section id="section"></section> 
 
</div> 
 

 

 
<script> 
 
    function load_topgamespost() { 
 
    document.getElementById("section").innerHTML = '<object type="text/html" data="/topgames/topgamespost"></object>'; 
 
    } 
 
</script>

Answer 1

のスクリーンショットです

あなたのsectionのサイズが正しいので、問題は内部にobject要素がある問題です。

使用

section object{ 
    width:100%; 
    height:100%; 
} 

Answer 2

body{ 
height: 100vh; 
padding: 0; 
margin: 0; 
} 

は、私はこれがあなたの問題で幅が指定されている