绝对定位问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript" src="index.js"></script>
<style type="text/css">
body{
}
#div1{
background: yellow;
width:400px;
height: 300px;
}
</style>
</head>
<body>
<div id="div1">
<p>sladkfjkladsjflkas</p>
</div>
</body>
</html>
我发现如果div1不用绝对定位的话，那么<p>段落的内容的margin-top就是和body作比较，但是如果使用绝对定位的话,<p>段落的内容的margin-top就是和div1作比较,所以我理解的是margin的对象是其父类，且父类有绝对定位，如果没有，那么就再往上找对吗
正在回答
同学你好，1.，虽然与父元素上边距重叠，但布局样式margin设置在p标签中，而父元素div1并没有设置margin的值，所以父元素中没有margin属性。
2. 在布局样式中，父元素中没有设置上补白(padding-top)和上边框(border-top，p标签设置了margin-top的值，所以出现上边距重叠，但并不会在浏览器中为父元素设置margin属性。
3. 浏览器会将body设置为块元素，如下所示：所以也导致了上边距重叠，同学为父元素div1设置overflow:hidden即可解决。
如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星