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

为什么我用了绝对定位，还要多设置margin-top：100px才能让left蓝色的下来不然直接就覆盖到top？

麻烦看看代码。 css中 .left的

帅弟弟

2015-09-07

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

关注问题我要回答

3497

操作

收起

6 回答

sina娜子
2015-09-07

当设定position:absolute
如果父级（无限）没有设定position属性，那么当前的absolute则结合TRBL属性以浏览器左上角为原始点进行定位 ( 以body为准)
如果父级（无限）设定position属性，那么当前的absolute则结合TRBL属性以父级（最近）的左上角为原始点进行定位（以父级为准）。

you know?

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

sina娜子
2015-10-29

你在.main（父级）设position：relative；你要知道定位的父级才能灵活运用。上一条有没有仔细看。不能一遇到问题就问别人，先反思一下呦，实在想不出再问了，我是相当喜欢勤学好问的童鞋的

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

Song歌
2015-10-07

首先你的main没有设置position：relative

其次你的left只设置绝对定位就行了，不要再设置float属性了

第三，right也用绝对定位就行了

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

帅弟弟提问者
2015-09-08

最接近的一个具有定位属性的父包含块进行绝对定位我回头看了看，确实是！

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

echo_kinchao
2015-09-08

如果你设置了父级元素为relative的话才是本身不然是body

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

sina娜子
2015-09-07

因为你用的是绝对定位，绝对定位de父级是body，top又设为0，不在顶部才怪。说实话你完全用不着定位呀，非用不可的话，把绝对定位改为相对定位margin-top去掉即可

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

#1

帅弟弟提问者

绝对定位的父级为什么是body？不是他本身的父级吗？ left的父级不是main吗？？

2015-09-07 回复有任何疑惑可以回复我~

#2

Song歌回复帅弟弟提问者

其实不是body，而是整个页面，因为你没有给main定位属性啊，绝对定位的父级是最接近的有定位属性的父辈级元素，如果没有就按页面

2015-10-07 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

如何用CSS进行网页布局

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

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

为什么我用了绝对定位，还要多设置margin-top：100px才能让left蓝色的下来不然直接就覆盖到top？

我要回答关注问题

意见反馈帮助中心 APP下载