высота: 100% css не работает - PullRequest
Новая
       6

высота: 100% css не работает

0 голосов
/ 10 октября 2011

Я настроил пример jfiddle, и мне кажется, что у меня рост: 100%;не работает.

body, html 
{
    height:100%;    
}

#full-wrap {
    min-height:100%;
    height: auto !important;
    height:100%;
    margin:0 0 -91px;    /* 1 extra px from footer border */
    clear:both;
    border:thin solid red;
}
.contentCenter {
    min-height:100%;
    height:100%;
    width:300px;
    margin: 0 auto;
    clear:both;
    border:thin solid blue;

}


.footer {
    height:90px;width:100%;
    border-top:1px #E8E8E8 solid;
    clear:both;
}    


<div id='full-wrap'>
    <div class='contentCenter'>
    </div>
</div>
<div class='footer'>
</div>

Может кто-нибудь помочь мне с проблемой?как вы можете видеть, что граница (синяя) не проходит 100%.

Ответы [ 2 ]

4 голосов
/ 10 октября 2011 
height: auto !important;

Удалите эту строку, и она работает.

1 голос
/ 10 октября 2011

Высота вашего родителя #full-wrap div установлена ​​на height:auto, вам нужно указать высоту, чтобы ваш дочерний элемент div увеличился на 100%, поэтому установите его на 100% или на фиксированную высоту.Помните, высота в процентах относительно контейнера.

...