Question

div的大小和position absolute有关系么

有一个div position:absolute 当窗口大小变化时会出现这样的下拉框，调试的时候发现他（造成多余的部分的div）的大小没变，但是把position:relative就正常了，额。。虽然有些断章取义，希望大家帮我分析一下可能原因和这样改可能造成的其他地方的改变

Answer 1

position:absolute是相对于position:relative，你可以给一个大的div加上position:relative这个属性，然后里面的div加position:absolute这个属性之后就会相对于这个大的div浮动，如果父级div都没有position:relative这个属性它就会相对与body浮动

追问

相对某个浮动是表示大小也会跟着改变么

如图你看到的多余的部分是因为position:absolute造成的，大小变得超过了外层div的大小，会不会我把position改过之后他自适应了父级div的大小？

追答

给父级加一个voerflow:hidden的属性就不会超过了，不然还是会超出去的

Answer 2

position:absolute只是改变了div的层次关系，简单说就是浮动起来位于第2层了，它不会改变div的大小

追问

如图你看到的多余的部分是因为position:absolute造成的，大小变得超过了外层div的大小，会不会我把position改过之后他自适应了父级div的大小？