3具有不同比例的屏幕尺寸的Div

Question

我是div的新手，需要创建一个网页，不会滚动主屏幕占据屏幕的60％，下方的div占30％，页脚占10％每个div之间填充零填充。它无法滚动，必须随浏览器窗口缩放。有没有人这样做过？我试过这样做，第二个div永远不会正确定位。

感谢。

Answer 1

This should work

HTML

<div></div>
<div></div>
<div></div>

CSS

html,body{
    height:100%;
    width:100%;
    padding:0;
    margin:0;
    overflow:hidden;
}
div:nth-child(1){
    height:60%;
    background:red;
}
div:nth-child(2){
    height:30%;
    background:yellow;
}
div:nth-child(3){
    height:10%;
    background:blue;
}