本文主要是介绍两个嵌套的 div,position 都是 absolute,子 div 设置 top 属性,那么这个 top 是相对于 父元素的哪个位置定位的?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
很多人答案是margin的外边缘
谷歌浏览器测试发现不是margin的外边缘,而是border的内边缘
<style>* {padding: 0;margin: 0;}.box {width: 200px;height: 200px;background-color: purple;position: absolute;padding: 10px;border: 20px solid black;margin: 20px;box-sizing: border-box;}.box2 {width: 100px;height: 100px;background-color: goldenrod;position: absolute;top: 20px;left: 0;}</style></head><body><div class="box"><div class="box2"></div></div></body>
这篇关于两个嵌套的 div,position 都是 absolute,子 div 设置 top 属性,那么这个 top 是相对于 父元素的哪个位置定位的?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!