css+html

最新推荐文章于 2024-08-01 09:59:14 发布

qq_20585921

最新推荐文章于 2024-08-01 09:59:14 发布

阅读量228

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/qq_20585921/article/details/83313121

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

/margin塌陷-父子嵌套、垂直方向的margin取最大值/
.wrapper{
width: 100px;
height: 100px;
margin-left:100px;
margin-top: 100px;
/border: 1px solid black;/
background-color: green;
}
.content{
width: 50px;
height: 50px;
margin-left: 50px;
margin-top: 50px;
/margin-top: 150px;/
background-color: red;
}

bfc-block format context块级格式化上下文-解决margin塌陷
如何触发一个盒子的bfc
position:absolute;
display:inline-block;
float:left/right;
overflow:hidden;

解决方法1
.wrapper{
width: 100px;
height: 100px;
margin-left:100px;
margin-top: 100px;
/border: 1px solid black;/
overflow: hidden;
background-color: green;
}
.content{
width: 50px;
height: 50px;
margin-left: 50px;
margin-top: 50px;
/margin-top: 150px;/
background-color: red;
}