所有屏幕的HTML页面大小

Question

我对网页设计很陌生。我刚刚建立了一个网页，但现在它看起来不准确，因为它是建立的。

现在，我刚刚建造了一个容器：

#container {
    width:auto;
    height:auto;
    border:4px solid green;
}

问题：如何为所有屏幕和大小修复页面的height和width。

Answer 1

这就是你要的

html,body{
    height:100%;
    margin:0
}
.container
{ 
    width:auto; /*Since div is block element, it takes automatic full width*/
    height:100%;
    background:grey;
    border:4px solid green;
}

演示

Answer 2

具有高度:100%；加上4px边框将始终超过页面的高度，并将导致滚动条在任何时候都出现。