1.

#div_container{
    width:80%;
    height:100%;
    border:1px solid blue;
    margin-left:10%;
    float:left;
}

 width:80%  margin-left:10%  左右外边距分别占页面10% 盒子80%

 width:90%  margin-left:10% 左外边距占页面10% 盒子90%

 width:100%  margin-left:10% 页面水平方向需要拖拽达到

 width:80%  margin:10% 上下左右外边距均占页面10%