嵌套块元素塌陷问题（父元素与子元素的垂直外边距）

最新推荐文章于 2023-08-11 11:09:19 发布

我才是丶丶丶天使

最新推荐文章于 2023-08-11 11:09:19 发布

阅读量663

点赞数 1

文章标签： css

本文链接：https://blog.csdn.net/weixin_43338566/article/details/105489483

版权

嵌套块元素塌陷问题：1、父元素没有设置上外边距的情况下，给子元素设置的上外边距会传递给父元素。2、父元素和子元素同时设置上外边距，此时父元素的上外边距的值是两者中值较大的那一个，并且给子元素设置的上外边距无效。
解决办法：在样式中给父元素设置overflow属性值为“hidden”。

.father{
				width: 300px;
				height: 300px;
				background-color: black;
				margin-top: 50px;
				overflow: hidden;
			}
			.son{
				width: 100px;
				height: 100px;
				background-color: red;
				margin-top: 100px;
			}