Как расширить фон в нижней части страницы

Как я могу сделать белую коробку (контейнер) полностью развернутой в нижней части страницы?Как расширить фон в нижней части страницы

CSS:

@import url(http://fonts.googleapis.com/css?family=Raleway); 

html,body 
{ 
    height: 100%; 
    font-family: 'Raleway', sans-serif; 
} 

body.app 
{ 
    background: #8e44ad; 
} 

div.container 
{ 
    margin: 25px 25px 0px 25px; 
    border-top-left-radius: 8px; 
    border-top-right-radius: 8px; 
    min-height: 96vh; 
    background: #fff; 
}

HTML:

<body class="app"> 
    <div class="container"> 
     <header></header> 
    </div> 
</body>

источник

2015-02-28 Joey de Vries

Вы пытались добавить 'height: 100%;' в свой контейнер? –

Да, я пробовал, но это не имело смысла на странице. –

http://jsfiddle.net/0aa9xtpz/

height: 100%; Удалите из html и дать bodymargin: 0;.

источник

2015-02-28 20:36:10 szupie

Спасибо, но я прав, он всегда будет держать пробел? http://prntscr.com/6b1zmk –

http://prntscr.com/6b6jor Я не вижу пробела в Firefox (36.0), Chrome (40.0.2214.115) или Safari (8.0.3) на Mac. Разница присутствует в jsfiddle для вас? Можете ли вы опубликовать свой измененный источник, чтобы мы могли убедиться, что в вашем css не есть что-то еще? – szupie

Как расширить фон в нижней части страницы

ответ

Смежные вопросы