div父元素相对定位 子元素绝对定位孙子元素怎么办

Question

1、div父元素相对定位 子元素绝对定位孙子元素怎么办

2、父元素相对定位 多个子元素都设置成绝对定位吗

Answer 1

1、“孙”子元素继承子元素。
2、是的。但是你可以把多个子元素放置在一个容器里。

你先要弄清楚容器或者说元素的这种父子或同级关系。
比如第一个问题，你对一个元素定了位，那么包含在这个元素里的所有内容都是跟着这个元素走的，除非你再对里面的内容做另外的定位。
理解了这一点，其实你的问题就一个问题，定位追问

乱了 不过谢谢你

追答

乱是因为你的相对定位和绝对定位没有定义好。
绝对定位要对应父元素的相对定位。
比如A包含了B。你要把B绝对定位。
那么你要对A设置相对定位，然后再对B设置绝对定位。
否则页面肯定乱。

追问

　　这个我懂 我的意思是孙子元素做可不可以继续绝对定位那它相对的是爷爷元素。
　　同级的的div也同样用ob来定位吗？

追答

孙子元素可以继续绝对定位的。你不用对孙子元素做任何定位的设置。元素都有继承性的。
同级的当然也要ob定位的

追问

懂了 可我要是需要给孙子元素定位的话用ob么？

追答

是的，但是它的位置是默认相对于它的上一级元素也就是你说的子元素的。如果你要它相对于父元素来定位，那就要让孙子元素与子元素同级。

当然也可以用-20px这样的写法来改变位置。
设置了绝对定位的元素本来就脱离了文本流，布局中已经没有它的位置了，它的代码存在哪里并不重要。

追问

根据你的回答来思考下面问题“子元素已经相对于父元素做了绝对定位。那么孙子元素的绝对定位参照谁？"

追答

参照于它的上一级也就是子元素，默认的

Answer 2

看你有没有设置定位，没有设置定位的话就随它的父元素走，设置了定位的话就按照定位走了追问

谢谢