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

"${vcap.services.my-app-creds.credentials.auth-scopes}"

在你的身体标签中尝试这种风格我觉得这适合你的问题

页面没有占用div的全部大小

2 个答案: