为什么就是无法自适应？

m6435***

混合布局编程挑战

body{ margin:0; padding:0; font-size:30px; color:#fff;width:100%}
.top{height:50px;background:#ccc}
.main{width:100%;height:600px;background:pink;margin:0 auto;}
.left{ width:200px;background:#f90;height:600px;float:left}
.right{background:#9f9;height:600px;margin-left:210px;position:absolute;width:100%}
.foot{height:50px;background:#fcc;}
/*任务1：完成顶部（top）、底部（foot）宽度自适应
任务2：中间分为2两栏，其中，左侧（left）宽度为200px，右侧（right）宽度自适应
任务3：要求右侧（right）先加载，左侧（left）后加载
任务4：编写的代码要兼容ie6*/

top

right

left

foot

是不是有错的地方？拜托帮我解答一下。先谢谢了！

liu***

像你这种定位方法的话，错误有三：
1、布局错误，right和left的位置
2、.right{background:#9f9;height:600px;margin-left:210px;position:absolute;width:100%}中不能给绝对定位，一绝对定位就脱离了文档流
3、还是上面那句，right不能给width为100%，这样会让right的宽度等于main的宽度

老***

请问这是哪个课程？

已有账号？

找人解决需求

为什么就是无法自适应？

全部参与2

热门问答

m6435***

今日需求悬赏

今日问答求助

发布任务需求已有1031289位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端