html - 所有屏幕的 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 的边框总是会超过页面的高度，并且会导致滚动条一直出现