实现简单布局的问题(2行,每行颜色不同)

HTML格式:

<header></header>
<footer></footer>

CSS格式:

html, body {
    height: 100%;
}

header, footer {
    height: 50%;
    width: 100%;
}

header {
    background: green;
}

Demo

诀窍是确保 html 和 body 元素的高度设置为100%。