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

此题中不会了怎么办中的答案有误

题目是要求right先加载，答案中是把left放在前面加载才能实现的，没有使用任何定位；正确应该是需要把left做绝对定位，给right一个210px的margin-left

laxy

2015-11-22

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

关注问题我要回答

622

操作

收起

3 回答

Mr_Hui
2016-01-05

body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{width:100%;height:80px;background:#ccc;}
.main{width:600px;height:600px;margin:0 auto; background:red;position:relative;}
.left{width:200px;height:600px;position:absolute;left:0;top:0; background:blue; /*相对于Main定位*/}
.right{width:100%; height:600px;float:right;background:#9acca9;position:absolute;left:210px;top:0;/*相对于Main定位，定位于右边210px,中间就空了10个像素*/}
.foot{width:100%;height:50px;background:#f63;}