margin: 20px 30px 40px 50px;
的意思是距离上部20px,距离右边30px,距离下边40px,距离左边50px。
#main{
width:600px;
margin:0 auto;
}
设置width可以避免控件的大小随着容器的大小的变化而改变。当浏览器窗口较小的时候,会出现滚动条。然后设置left 和 right auto来使空间里面的内容水平居中。
margin: 20px 30px 40px 50px;
#main{
width:600px;
margin:0 auto;
}