Javascript 制作一个容器,将其分布在整个窗纱上

Javascript 制作一个容器,将其分布在整个窗纱上,javascript,html,asp.net,css,Javascript,Html,Asp.net,Css,我正在开发一个web api,在UI中,容器只是分发到一定数量的浏览器窗口,其中有内容,但我想将其分发到整个浏览器,而不管内容如何 CSS .container { margin-right: 10px; margin-left: 10px; margin-top:20px; padding-top:70px; *zoom: 1; border:none; background-color:aliceblue; } 屏幕截图 在下

我正在开发一个web api,在UI中,容器只是分发到一定数量的浏览器窗口,其中有内容,但我想将其分发到整个浏览器,而不管内容如何

CSS

.container {
    margin-right: 10px;
    margin-left: 10px;
    margin-top:20px;
    padding-top:70px;
    *zoom: 1;
    border:none;
    background-color:aliceblue;
    }
屏幕截图

在下面的屏幕截图中,可以看到浅蓝色(aliceblue)只是在一定程度上分布,其余部分为灰色。我想要所有的aliceblue


增加高度:100%;您是否尝试过简单地将“高度:100%”添加到css中?您还需要添加
html,正文{width:100%;height:100%;}
,这是一个jsfiddle,。@Josh谢谢。现在可以用了没问题,祝你在设计中好运。仅此一点是不行的,添加html,body{width:100%;height:100%;}就行了