                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /如何用CSS进行网页布局

任务3：要求右侧（right）先加载，左侧（left）后加载任务4：编写的代码要兼容ie6

在代码中哪里提现出来了任务3和4？？

cp0417

2016-03-17

源自：如何用CSS进行网页布局 5-3

关注问题我要回答

1700

操作

收起

6 回答

浮生若梦_0023 回答被采纳 +3 积分
2016-03-21

就把righe 标签写在前面呀 ~ 他本来的代码就是把 right 写在前面的！你只需要绝对定位 left ，然后right 用margin-left：210px；就好了

0 回复有任何疑惑可以回复我~

#1

cp0417 提问者

非常感谢！

2016-03-21 回复有任何疑惑可以回复我~

关爱PHP成长协会会长
2018-01-11

<style type="text/css">
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{ height:50px;background:#222;}
.main{？}
.left{ width:100px;height:50px;background:#333;position:absolute;top:50px;}
.right{height:50px;margin:0 0 0 100px;background:#444;}
.foot{height:50px;background:#555;}
</style>
</head>
<body>
<div class="top">top</div>
<div class="main">
    <div class="right">right</div>
    <div class="left">left</div>
</div>
<div class="foot">foot</div>
</body>

完美

0 回复有任何疑惑可以回复我~

the3musketeers
2017-03-20

中间不是有红色背景（main）吗？，用margin-left后那不是被挡住了吗？

0 回复有任何疑惑可以回复我~

浮生若梦_0023
2016-03-21

酒吧 righe 写在前面呀 ~ 他本来的代码就是把 right 写在前面的！你只需要据对定位 left 然后right 用margin-left：210px；就好了

0 回复有任何疑惑可以回复我~

慕虎2268726
2016-03-17

这一篇提到了ie6 对clear:both的问题：clear:both在(FF/IE8)和(IE6/IE7)下有差异

0 回复有任何疑惑可以回复我~

慕虎2268726
2016-03-17

菜鸟个人见解：

先加载后加载应该指的是文档流和绝对定位元素的区别。

兼容ie6应该指的是clear:both一类的清除浮动的方法在ie6中并不兼容？

将浮动父元素指定高度应该可以兼容ie6吧，我也不太清楚。

推荐有关于浮动的文章：[转]那些年我们一起清除过的浮动

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

如何用CSS进行网页布局

参与学习 209624 人
解答问题 1153 个

用最简洁的案例教你布局的那些知识，这是前端工程师基本技能

任务3：要求右侧（right）先加载，左侧（left）后加载任务4：编写的代码要兼容ie6

我要回答关注问题

意见反馈帮助中心 APP下载