最赞回答 / 慕粉3842826
单独使用float时,即便是被设置了浮动,元素仍然在标准文档流中, 但是由于设置了绝对定位,使得元素脱离了文档流,所以说是两者的结合才可以使元素脱离文档流,起作用的是绝对定位,而不是float哦;另外,fixed固定定位,设置了以后元素是不会脱离文档流的
2016-09-12
.top{ height:50px;background:gray;}
.main{height:300px;background:red;}
.left{width:200px;height:300px;background:blue;position:absolute;left:0;top:50px;}
.right{margin-left:210px;height:300px;background:green;}
.foot{height:50px;background:red;}
.main{height:300px;background:red;}
.left{width:200px;height:300px;background:blue;position:absolute;left:0;top:50px;}
.right{margin-left:210px;height:300px;background:green;}
.foot{height:50px;background:red;}
.top{width:918px;height:80px;background:#ccc;}
.main{width:900px;height:600px;background:red;margin:0 auto;}
.left{width:200px;height:600px;background:blue;float:left;margin-left:-20px;}
.right{width:700px;height:600px;background:green;float:right;}
.foot{width:918px;height:50px;background:#000;}
.main{width:900px;height:600px;background:red;margin:0 auto;}
.left{width:200px;height:600px;background:blue;float:left;margin-left:-20px;}
.right{width:700px;height:600px;background:green;float:right;}
.foot{width:918px;height:50px;background:#000;}