如何将背景扩展到页面底部

时间:2015-02-28 20:25:29

标签: html css

如何让白盒(容器)完全延伸到页面底部?

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>

1 个答案:

答案 0 :(得分:0)

http://jsfiddle.net/0aa9xtpz/

height: 100%;移除html并提供body margin: 0;