老师，不过我有个疑问
就是我们举的面试实例题：
子元素高度100px,与父元素的上边距是10px，问父元素的高度是多少？
这一题目虽然可以通过BFC特性来达到让父元素的高度为110px;
但是好像原本父元素高度100px;的原因好像跟BFC没有直接相关？就是我们上课讲到的那几点BFC相关的特性。
因为在chrome和firefox中当父级元素有设置padding-top值大于0的时候，父级元素就可以变为110px;（其他浏览器还没验证）但是这时父级元素并没有BFC特性，比如说，它仍然会与上一个浮动元素重叠。
代码如下：
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CSS盒模型</title>
<style>
html *{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<section id="section-brother"></section>
<section id="sec">
<style media="screen">
#section-brother {
width: 100px;
height: 100px;
float: left;
background: orange;
}
#sec {
background: #f00;
padding: 10px 0 0 0;
}
.child {
height: 10px;
margin-top: 10px;
background: yellow;
}
</style>
<article class="child">sfsfdfdsfdfsdf</article>
</section>
</body>
</html>
再次谢谢老师！
515
收起
正在回答 回答被采纳积分+3
1回答
快乐动起来呀
2019-09-12 00:17:01
相似问题
bobo老师我问一个题外话
931
0
6
老师关于秒杀这里我有点疑问
619
1
3
获取用户sequence疑问
301
0
5
有一些疑惑想请教老师
927
0
10
老师你不在群里呀。有问题就在这里问吗，我怕这里问的话不及时解决问题呢
1165
2
8
登录后可查看更多问答，登录/注册
