Question

一个大的div里面有两个小的div

两个小的div是上下排列的，第一个小的div设置绝对定位给第二个div设置相对定位 为什么第二个div会和第一个div重叠在一起？ 第二个div设置了相对定位不是位置不变吗 设置绝对定位才会和第一个重叠在一起？

Answer 1

absolute
元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。所以第一个框就没了，相当于删除了
relative
元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。