如何阻止div不断包裹？

Question

我的容器div在重新调整浏览器大小后继续包装在nav div下面。

我尝试了各种方法，但是我做错了什么而且我不知道是什么。

＆＃13;

＆＃13;

nav {
  border-style: solid;
  border-color: green;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
  height: 70vh;
}

ul {
  padding: 0px;
  list-style-type: none;
}

.container {
  border-top: solid;
  border-right: solid;
  border-bottom: solid;
  border-color: green;
  display: inline-block;
  width: 80vw;
  height: 70vh;
}

＆＃13;

<article>
  <nav>
    <ul style="list-style-type:none;">
      <li><strike>home</strike></li>
      <li><a href="portfolio.php">portfolio</a></li>
      <li><a href="portfolio.php">dsdfsdfs</a></li>
    </ul>
  </nav>
  <div class="container"></div>
</article>

＆＃13;

＆＃13;

＆＃13;

最左边的NAV div和它下面的CONTAINER div：

Answer 1

卸下：

display:inline-block

来自.container，因此默认为display:block。