当我给h1设置上外边距时为什么父元素div也会与浏览器上方出现相同100px的外边距
body{
width: 1000;
height: 1000;
}
.box1{
width:500px;
height:1000px;
background:green;
margin: 0px;
}
.box2{
width:200px;
height:100px;
background:red;
position:fixed;
left: 150px;
bottom: 0;
/*此处填写代码*/
}
h1{
width: 100px;
color: #FFD700;
position: relative;
margin: 100px 200px;
}
</style>
</head>
<body>
<div class="box1">
<h1>慕课网</h1>
</div>
<div class="box2"></div>
11
收起
正在回答
2回答
同学你好，问题解答如下：
1、在正常文档流中，子元素设置margin-top值，父元素也会跟着一起下落，这是浏览器的问题。解决方式，可以给父容器设置overflow:hidden;属性值
2、h1上外边距是有的，只不过父元素跟着一起下落了
3、绝对定位会脱离文档流，浏览器解析也就不会有问题了。
记住这样一个问题以及解决方式就好，祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星