所有屏幕的HTML页面大小

Question

我是网页设计的新手。我刚刚建立了一个网页，但现在看起来并不准确。

现在我刚刚建立了一个容器：

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

问题：如何修复height＆amp;所有屏幕和页面的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;
}

<强> DEMO

Answer 2

身高：100％;加上4px边框将始终超过页面的高度，并将导致滚动条始终出现