参照定位的元素为什么必须加入position:relative; 呢?
来源：13-9 Relative与Absolute组合使用
醉卧遥峰丶
2018-05-23 15:58
参照定位的元素为什么必须加入position:relative; 呢?
写回答
关注
2回答
-
- qq_大胡子_8
- 2018-05-23 16:05:22
除了body，被参照的元素必须有定位属性才起作用，属性具体是什么不重要，写position:relative/absolute/fixed都行。
-
- 醉卧遥峰丶
- 2018-05-23 16:05:27
明白了
先看绝对定位的定义:
position:absolute(表示绝对定位)，这条语句的作用将元素从文档流中拖出来，然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。
再看box4的相对定位
测试发现box3改为绝对属性也可以,只要具有定位属性,就可以作为box4的父包含块,否则就不具有定位属性,box就定位到body了
(所以某种程度上来说,教程上这句话是错误的...)
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1228270 学习 · 18414 问题
相似问题