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

这一节的正确答案是什么啊，我的left块位置不对啊，求大神帮帮！！

会不会是我的main 代码有问题？为什么我的left跑到左上角了？？

十年wf

2016-08-11

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

关注问题我要回答

427

操作

收起

2 回答

慕后端9132915
2016-08-12

.main{background-color:red;height:500px;font-size:20px;position:relative}
.left{width:200px;background-color:blue;height:500px;position:absolute;left:0;top:0}
.right{width:100%;background-color:green;height:100%;position:absolute;left:210px;top:0}

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

收起回答

山外小楼夜听雨
2016-08-11

你的.left代码有问题前面用的是浮动 ,到这你用的是绝对定位,脱离文档流,而且父类没有进行相对定位,left这块就以body为父类,相对于浏览器移动了,能明白吗? 解决办法:你可以给父类也就是main设置一个相对定位position:relative ,不需要设置位移;或者left也用浮动,给一个float:left. 就可以了