本文探讨了CSS中的Block Formatting Contexts（BFC）概念，特别是它如何与margin塌陷问题相关。当子元素的`margin-top`大于父元素时，会发生margin塌陷，导致布局异常。解决这个问题的方法包括设置`position:absolute`，`display:inline-block`，`float:left/right`或使用`overflow:hidden`。此外，还讨论了不同元素之间margin的合并情况及解决策略。
block format context(bfc)
margin塌陷问题
<html lang="en">
<head>
<meta charset="UTF-8">
<title> 哪里有比zyq更帅得人啊</title>
<link rel="stylesheet" href="lesson6.css">
</head>
<body>
<div class="wrapper"><div class="content"></div></div>
</body>
</html>
*{
margin: 0;
padding: 0;
}
.wrapper{
5684
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
