2016-03-10 1 views
1

. Мой контейнер не отображает обивку. Я пробовал несколько методов, и он не будет загружаться.Контейнер не отображает прокладку

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> 

Независимо от того, какое значение я установить отступы-слева, отступы всегда остается неизменным.

+0

вашей обивка работает, но это подушечка из статьи. Итак, вы должны правильно разместить свою позицию. –

+0

Ваше заполнение в порядке, пожалуйста, дайте мне знать, что вы хотите, чтобы результат был я вам помогу –

+0

проверить мой ответ –

ответ

0

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