边距未显示 100% 宽度和高度

Question

我试图为自己建立一个投资组合网站。当我以为我即将完成基本模板的构建时，边距和媒体查询的东西完全让我发疯了。 这是我的临时托管域，www.kenlyxu.com/portfolio_new

我通过使用使页面适合任何浏览器大小

html, body {   
     margin:0; 
     padding:0; 
     width:100%; 
     height:100%;

我正在尝试在所有侧面和每个页面上设置 10 像素的边距，以便我使用这个容器。

#thecontainer {
    margin: 10px;
    background-color: #f29e28;
    height: 100%;
    width: 100%;
    }

#workcontainer {
    margin: 10px;
    background-color: #f29e28;
    width: 100%;
    }

我希望最终的结果会像橙色背景，四周都是白色的边距。在桌面上看到我的网站时，margin-right 和 margin-bottom 没有显示。它们仅在我使用 width: 98.5% 时显示；

此外，橙色背景颜色应根据浏览器的大小扩展。在 iPhone 5 纵向视图上，橙色背景不延伸底部。我尝试使用一些标准的媒体查询，但我不知道应该为每个移动设备赋予什么值。

Answer 1

试试

Position:fixed;

在

 # thethecontainer

现在你的代码看起来像

#thecontainer {
margin: 10px;
background-color: #f29e28;
height: 98%;
position:fixed;
width: 98.5%;
}