margin:0px 310px 0px 210px;
这句话的作用是设置了绝对定位属性的元素会脱离文档流，既不在文档中占有位置，那么center中的文字内容就会占据左右以及中间元素本来的位置，那么设置左右外边距（边距会出现合并现象，所以要超出左右元素的宽度）就会压缩center里的文字，使其出现换行，并不在占用左右元素的位置，这样解释对不对，求大神指点
这句话的作用是设置了绝对定位属性的元素会脱离文档流，既不在文档中占有位置，那么center中的文字内容就会占据左右以及中间元素本来的位置，那么设置左右外边距（边距会出现合并现象，所以要超出左右元素的宽度）就会压缩center里的文字，使其出现换行，并不在占用左右元素的位置，这样解释对不对，求大神指点
.top{height:50px;width:100%;background:gray;}
.main{height:600px;width:100%;background:red;position:relative;}
.left{ width:200px;height:600px;background:blue;position:absolute;top:0;}
.right{height:600px;background:green;margin-left:210px;}
.foot{width:100%;height:50px;background:orange;}
.main{height:600px;width:100%;background:red;position:relative;}
.left{ width:200px;height:600px;background:blue;position:absolute;top:0;}
.right{height:600px;background:green;margin-left:210px;}
.foot{width:100%;height:50px;background:orange;}
最新回答 / qq_FollowMe_23902003
position:relative;如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素“相对于”它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占着原来的空间）-->好比“占着茅坑不拉屎”。（举个形象的例子。）position:absolute;表示绝对定位，其位置将依据浏览器左上角的0点开始计算，绝对定位使元素与文档流无关，因此不占据空间。 望你早点理解！
2016-11-02
浮动方法（参数大概，重要方法）
.left{height:600px;width:15%;background:red;float:left;}
.main{height:600px;width:65%;background:green;float:left;margin:0 2.5% 0 2.5%;}
.right{height:600px;width:15%;background:blue;float:right;}
.left{height:600px;width:15%;background:red;float:left;}
.main{height:600px;width:65%;background:green;float:left;margin:0 2.5% 0 2.5%;}
.right{height:600px;width:15%;background:blue;float:right;}
.top{width:100%;height:100px;background:gray;position:relative}
.main{width:100%;height:400px;background:red;top:0px;}
.left{ width:200px;height:400px;float:left;background:blue;}
.right{width:702px;height:400px;float:right;background:green;}
.foot{clear:both;background:orange;}
.main{width:100%;height:400px;background:red;top:0px;}
.left{ width:200px;height:400px;float:left;background:blue;}
.right{width:702px;height:400px;float:right;background:green;}
.foot{clear:both;background:orange;}
