避免margin穿透问题，解决方法之4margin自身元素bfc化无法解决啊-慕课网

首页课程实战体系课手记专栏慕课教程

避免margin穿透问题，解决方法之4margin自身元素bfc化无法解决啊

来源：3-1 Overflow与块状格式上下文

慕运维0124838

2016-02-03 13:48

避免margin穿透问题，解决方法之4margin自身元素bfc化无法解决啊

写回答关注

1回答

qq_最佳玻璃心_0: 2016-02-25 19:48:12

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
background-color: grey;
}
.parent {
width: 400px;
height: 200px;
background-color: black;
overflow: hidden;
}
.son {
width: 200px;
height: 100px;
background-color: green;
margin-top: 20px;
}
</style>
</head>
<body>
<div>
<div></div>
</div>
</body>
</html>

0 0

CSS深入理解之overflow

深入理解overflow相关特性及实际应用，为你打开另外一扇学习之窗

41729 学习 · 78 问题

查看课程

相似问题

关于padding-bottom缺失问题的解决办法

回答 1

overflow元素自身为包含块？

回答 2

老湿是如何实现absolute元素表现为fixed的？百思不得其解啊

回答 1

BFC是什么？

回答 1

选择器写法问题

回答 1

打开慕课网App查看更多内容