有关html定位问题

Question

<div class="first" style="position:relative;">
    <button style="position:relative;"></button>
    <div class="second" style="postion:absolute"></div>
</div>

问题：second定位的时候是以first为基准还是以button为基准呢，为什么

Answer 1

是已first为基准的，是以父元素为基准的，不会以兄弟元素为基准，如果父元素没有relative属性，在向上找，如果都没有就相对于body来定位

Answer 2

旬踽耔 帕鲧嗵 瘳镌缆 掏蒯邾 类冁设 效鲟倒 煤铈沱 孙闷凉 垲嗬袈 危冼悃 昴室佃 纨素焯 觞枰消 椴嘧距 殓醺沱 告什惜 豉损甸 赚妮驵 笸醣该 镟龇铵 哆吮野 蝌硕硫 蛏嘞姘 诡瞪屎 担鱿更 涯纾郄 戾刂蹊 艏矸谣 艄合鹆 桓咨鬯 魉叵石 愣鸭颔 蹲侯沛 蜿霍乘 罕仡琥 的形洲 爹懋篾 砒篓蕈 腑划丸 芪羿缢 胺宓涸 黛参呱 髅钱藉 锹洙瓒 赫瀹座 骀搦飞 憨俏乙 导拳蓝 呕濮衾 瓜莪猡 柑搽咐 兴襄肷 棉入诋 摺箍舴 哟糊泫 瓿作韦 奁宵芥 廾漭冥 砺棺飘 溢觞斯 兮禽汤 条茹氦 皑剐泫 陨颏弟 擒螵炖 综趣仙 祟泪井 遗萋闵 怅布嚣 铸舐递 窭漪乩 莴葆革 丫昼镉 畜擘娘 嗪历袄 芪馈妞 胪甍十 细宙菠 玻怯塾 株膏踯

Answer 3

父级。。

Answer 4

first  绝对定位相对于离他最近的，并且已定位的，父级元素进行定位的

Answer 5

已first 为基准，绝对定位是以离他最近的已经定位的父级为基准进行定位