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

absolute带与不带left结果一样

.left{width: 200px; height: 800px; background: blue;position: absolute;top: 100px;left: 0;}

.left{width: 200px; height: 800px; background: blue;position: absolute;top: 100px;;}

在写作业的时候发现执行这两条代码的结果是一样的。求大佬解答为什么结果会相同

还有就是在执行绝对定位的时候，定位的位置是基于浏览器窗口还是基于父元素。

虾滑咸鱼

2018-06-11

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

关注问题我要回答

1179

操作

收起

1 回答

Matt_Wong 回答被采纳 +2 积分
2018-06-12

1、因位如果不设置会默认left为0，top也是默认为0；

2、如果想为元素设置层模型中的绝对定位，需要设置position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块，则相对于body元素，即相对于浏览器窗口。

参见：https://www.imooc.com/code/2073