.left{ width:300px; height:600px; background:#ccc; 【任务1】}}/*左浮动样式*/
.right{ width:660px; height:600px; background:#FCC; 【任务2】}/*右浮动样式*/
多了一个花括号},且【任务1】和【任务2】应该放在注释里面吧!
.right{ width:660px; height:600px; background:#FCC; 【任务2】}/*右浮动样式*/
多了一个花括号},且【任务1】和【任务2】应该放在注释里面吧!
.top{width:100%;background:#999;}
.main{background:red;position:relative;}
.left{background:blue;width:200px;height:200px;position:absolute;left:0;top:0;}
.right{background:green;height:200px;margin-left:210px;}
.foot{width:100%;background:pink;clear:both;}
.main{background:red;position:relative;}
.left{background:blue;width:200px;height:200px;position:absolute;left:0;top:0;}
.right{background:green;height:200px;margin-left:210px;}
.foot{width:100%;background:pink;clear:both;}
.top{ height:60px; background:#B0A6A6}
.main{ margin:0 auto; position:relative; background:#E12C2F}
.left{ width:200px; height:600px; background:#2533D4; position:absolute; top:0}
.right{ height:600px; background:#20977B; margin-left:210px}
.foot{ height:40px; background:#E8611B}
.main{ margin:0 auto; position:relative; background:#E12C2F}
.left{ width:200px; height:600px; background:#2533D4; position:absolute; top:0}
.right{ height:600px; background:#20977B; margin-left:210px}
.foot{ height:40px; background:#E8611B}