在子容器的定位设置为absolute时父容器是否要设置为relative才有用

来源：4-2 侧边栏导航跟随案例

weixin_慕虎0439867

2019-03-27 09:33:06

侧边栏导航跟随案例中我自己写了一遍，发现如果list-3的父容器.nav-li nu li不设置为relative的话，list3会跑到一级标题旁边而不是和二级标题齐平，请问这是为什么？是不是子容器设置成absolute父容器就必须设置成relative？

写回答

1回答

好帮手慕码

2019-03-27

已采纳

同学你好！子容器设置成absolute父容器就必须设置成relative这句话是不准确的。

当子容器设置为absolute时会参照最近的已定位父元素来进行定位，如果父元素没有设置定位，那么它的位置相对于浏览器窗口定位。给其父级设置relative是为了让子容器以最近的参照点进行移动，便与布局。只要父级元素有定位（除了static定位，也就是正常的文档流），都可以相对这个父元素设置绝对定位。

如果解决了你的疑惑，望采纳，祝学习愉快~~~

0 学习 · 36712 问题

查看课程

相似问题

为什么父容器要添加 position: relative;

回答 1

absolute的父元素也设置为absolute

回答 2

请问relative设置偏移为百分比的效果

回答 4

absolute 和 relative区别

回答 1

关于相对定位和绝对定位的理解问题

回答 2

打开慕课网App查看更多内容