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

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

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

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

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

乱了 不过谢谢你

追答

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

追问

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

追答

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

追问

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

追答

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

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

追问

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

追答

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2014-06-25
看你有没有设置定位,没有设置定位的话就随它的父元素走,设置了定位的话就按照定位走了追问

谢谢

DIV相对于父DIV绝对定位
<\/div> <\/div> 父级的相对定位:是要把子DIV的绝对定位的起点以父DIV左上角为起点,如果没有就默认屏幕左上角了。子DIV的绝对定位:是无视父DIV下别的元素。然后就是left:0; top:0; 这个是用来定位的 希望对你有帮助

HTML中DIV的相对定位与绝对定位如何操作?
绝对定位(absolute):将被赋予此定位方法的对象从文档流中拖出,使用left,right,top,bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的,则依据body对象左上角作为参考进行定位。绝对定位对象可层叠,层叠顺序可通过z-inde...

DIV+CSS中的绝对定位和相对定位的区别~~~菜鸟就不用近来了
相对定位的元素属文档流,所以稳定的,相对定位是相对他该出现的位置,如无设top left之类,和普通div基本一样。一般的绝对定位是这样用的,父元素要是相对定位的且须有布局,如有个高度,这样子元素用绝对定位,就可以相对它的父元素进行绝对定位,父元素若不这样做,那么子元素用绝对定位其实是相对body...

div中的相对定位与绝对定位
正确的解决方法就是在元素的父级元素定义为position:relative;(更正:这里可以是祖父级,也可以是position:absolute;)需要绝对定位的元素设为position:absolute;这样再设定top,right,bottom,left的值就可以了,这样其定位的参照标准就是父级的左上角padding的左上侧!***CSS单元的位置和层次-div标签 我们都知道,在网页上...

什么是DIV的相对布局和绝对布局
IE的bug需要提到,就是如果为绝对定位的元素定义一个相对的宽度,那么在IE下它的宽度取决于父元素的宽度而不是整个页面的宽度。position:relative + position:absolute|绝对定位+相对定位 如果给父元素(div-1)定义为position:relative;子元素(div-1a)定义为position:absolute,那么子元素(div-1a)的位置将...

Div 标签和AP Div有什么区别? 如何正确使用?
APdiv就是div!css里面有个常用的方法叫嵌套定位:就是两个父子关系的元素,父元素相对定位,子元素绝对定位。这样做了,子元素是永远相对父元素的位置来定位的,在不同分辨率下子元素的位置就不会导致布局变乱。由于很多用DW的都人不会手写代码,也弄不清除这个方法,DW为了方便用的人,就自己发明了...

div的相对定位和绝对定位是什么意思,什么区别啊?
1、相对定位:在使用相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其它框。2、绝对定位:选取其最近的父级定位元素,当父级 position 为 static 时,absolute元素将以body坐标原点进行定位,可以通过z-index进行层次分级。三、表现方式不同 1、相对定位:对一个元素...

CSS绝对定位和相对定位区别是什么?绝对定位后的图片还能自适应么?_百 ...
1:绝对定位和相对定位都需要参照物。2:绝对定位的参照物是relative或者文档窗口,假设你的绝对定位的div有一个相对定位的父元素或者祖先元素,那么就是以该元素为参照物。例如 <div 相对定位> \/\/根据这个祖先元素来做参照物的 <div 没有定位> <div 绝对定位>\/\/我得看爷爷div的脸色啊,幸好老爸不...

父元素相对定位,子元素绝对定位,怎样能使父元素随子元素的高度变化而变...
这位网友你好,绝对定位的元素已经脱离了文档流,父元素是不会随子元素高度变化的。

怎样在div内定位两个div的位置?
用绝对定位,把两个都放在一个大的DIV里面,大的设置成position:relaitve。第一个小DIV属性设置成为position:absolute; z-index:1。第二个小DIV属性设置成为position:absolute; z-index:2。width、height、left和top视情况而定。注:1、父级div用相对定位position:relative,子级div用绝对定位position:...

相似回答