最新回答 / 慕saber
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-...
2016-08-16
没用绝定位，完全符合
top{height:100px;margin:0 auto;background:#290;}
main{height:600px;margin:0 auto;background:#321;}
left{height:600px;width:30%;float:left;background:#543;}
right{height:600px;width:68%;margin:0 auto;float:right;background:#435;}
foot{height:100px;clear:both;margin:0 auto;background:#751;}
top{height:100px;margin:0 auto;background:#290;}
main{height:600px;margin:0 auto;background:#321;}
left{height:600px;width:30%;float:left;background:#543;}
right{height:600px;width:68%;margin:0 auto;float:right;background:#435;}
foot{height:100px;clear:both;margin:0 auto;background:#751;}
在第一次设置200px 300px的时候。运行。三个div块分为三行了，但是左和右的float：left都生效了。三个块不会分成三行啊。请指教。
因为left和right都设置了绝对定位，脱离了文档流，所以main的margin值必须设置成 margin:0 310px 0 210px; 才能实现左右的间距。
已采纳回答 / 素手执白
.right{background:green;height:300px;position:absolute;left:210px;right:0;}我是新手 不知道我的对不对 但是有效果
2016-08-15
.top{background:#ccc;height:50px;width:100%;}
.main{background:red;height:300px;width:100%;}
.right{background:green;float:right;height:300px;margin-left:210px;width:100%;position:absolute;}
.left{ background:blue;height:300px;width:200px;}
.foot{background:orange;height:100px;width:100%;}
.main{background:red;height:300px;width:100%;}
.right{background:green;float:right;height:300px;margin-left:210px;width:100%;position:absolute;}
.left{ background:blue;height:300px;width:200px;}
.foot{background:orange;height:100px;width:100%;}
