容器不會顯示填充

Question

我的.container不會顯示填充。我已經嘗試了多種方法，它不會放置。

CSS：

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; 
    padding-left: 10px; 
    width: 97vw; 
    height: 70vh; 
} 

HTML：

<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> 

不管我設置什麼樣的價值填充，左，填充始終保持不變。

Answer 1

Fiddle link

更新CSS：

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; 
    padding-left: 10px; 
    width: 75vw; 
    height: 70vh; 
    display: inline-block; 
    float: left; 
    margin: 0px; 
}