<style type="text/css">
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px; margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}
</style>
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px; margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}
</style>
<style type="text/css">
body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{line-height:50px}
.main{ width:1000px; height:600px; margin:0 auto}
.left{ width:300px; height:600px; background:#ccc; float:left}
.right{ width:660px; height:600px; background:#FCC; float:right}
</style>
body{ margin:0; padding:0; font-size:30px; font-weight:bold}
div{line-height:50px}
.main{ width:1000px; height:600px; margin:0 auto}
.left{ width:300px; height:600px; background:#ccc; float:left}
.right{ width:660px; height:600px; background:#FCC; float:right}
</style>
已采纳回答 / 修养生息的Lueasy
回答主:想要最快学会,拥有实战能力,请按照如下步奏学习清楚浮动的知识:1、第一步:打开计划,点击“网页布局基础”<...图片...>2、第二步:点开“第三章 横向两列布局”<...图片...>【备注】推荐先看蓝色部分、再看红色部分,这是一个进阶的过程。3、第三步:看完视频。相信这三步足以让答主深刻的理解浮动(float)和清除浮动(clear:both),如果有问题,我们再进行进一步沟通。
2016-02-05