css定位:position:relative与absolute如果给父元素(div-1)定义为position:relative;子元素(div-1a)定义为position:absolute，那么子元素(div-1a)的位置将相对于父元素(div-1)，而不是整个页面。这个我知道，如果父

Question

css定位:position:relative与absolute
如果给父元素(div-1)定义为position:relative;子元素(div-1a)定义为position:absolute，那么子元素(div-1a)的位置将相对于父元素(div-1)，而不是整个页面。这个我知道，如果父元素定位为position：absolute，子元素定位为position：absolute，那么子元素的位置也是相对于父元素吗？这两个有什么不同啊

Answer 1

如果父元素定位为position：absolute，子元素定位为position：absolute，记得要写坐标，那么子元素的位置也是相对于父元素的，有很大的不同，例如父元素为position:relative; 那么他是相对于页面的定页，他是占位的，全的定位会影响旁边模块的，例如一张页面，宽度为400px，有两个无素，a元素，宽200，高100，b元素宽200，高100，他们是在一行的，但是,我让A元素定位到中间位置，例如position:relative; top:0; left:120px; 那么元素B就会换行，因为放不了，所以自动换到另一行了，但是postion:absolute; 就不会占位，如果你无素A用的是position:absolute;那么B就会从页面的边缘开始排版，视A元素为无物，至于你问的两个问题，你要先了解relative 和 absolute 是什么意思，这两个一个是相对定位，一个是绝对定位，子无素也是根据父元素的，不管父元素是什么定位，子元素都会按照父元素的起始位置来定位