本文通过一个具体的CSS样式案例，深入浅出地介绍了块格式化上下文(BFC)的概念及其应用场景，帮助读者理解如何利用BFC解决页面布局问题。
<style type="text/css">
*{
margin:0;
padding: 0;
}
.parent{
width:100px;
height:100px;
background: green;
}
.child1{
width:30px;
height:30px;
background: red;
margin-top:10px;
font-size: 14px;
overflow: hidden;
}
</style>
<body>
<div class="parent"><div class="child1">我是第一个子元素</div>
<div class="child2"></div>
</div>
</body>
解决方案可参见博客http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html，通过讲述BFC我们可以有多钟解决方案。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
