CSS使用负外边距：{margin:-2rem;}以后，div下方元素的父元素不显示
2021-01-23 02:13
阅读：821
标签：范围 宽度 src 使用 lazy img info 隐藏 显示
前段时间学习css，做项目时使用了一回负边距，把margin设置为负值，然后就发现下面的父元素不显示了。就像：（图片绿色背景白色文字的父元素背景色是蓝色，但是并未显示）
原因：
使用负边距以后，后面的父级元素不再计算子元素的高度，导致不在父元素中显示。
解决办法：
1、在父元素中样式中使用overflow:hidden；。（我的理解：这条语句语义为“隐藏溢出元素”，会触发浏览器对父元素进行高度和宽度的计算，从而自动将子元素高度加入父元素高度计算范围）缺点：会导致设置负外边距的元素的溢出部分被隐藏。
2、设置父元素高度height:;。
解决后：
学习随笔，记录自己的成长，希望能对你有所帮助。
CSS使用负外边距：{margin:-2rem;}以后，div下方元素的父元素不显示
标签：范围 宽度 src 使用 lazy img info 隐藏 显示
原文地址：https://www.cnblogs.com/cquner/p/13281889.html
文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：CSS使用负外边距：{margin:-2rem;}以后，div下方元素的父元素不显示
文章链接：http://soscw.com/essay/45694.html
文章标题：CSS使用负外边距：{margin:-2rem;}以后，div下方元素的父元素不显示
文章链接：http://soscw.com/essay/45694.html
评论
亲，登录后才可以留言！