已剪辑自: https://zhuanlan.zhihu.com/p/58834710 嗨，各位木友们好呀，我是小木。 昨天，有个跟我一样鸟人的鸟人让我帮忙做个框架结构图： 可惜当时我不在办公室，不然我真的一分钟就能把图做给他… ▼ 在文本框里输入…

目录 什么是高度塌陷解决高度塌陷问题 什么是高度塌陷 在文档流中，父元素的高度默认是由子元素撑开的，等于说子元素多高，父元素就多高，但是当为子元素设置了浮动之后，子元素会脱离文档流，此时，…

1479人阅读 （这是我第一篇博客，排版不好多有见谅） 外边距合并也叫作外边距塌陷，那什么是外边距塌陷？ 满足以下条件就会产生外边距塌陷现象： 1，子元素在父元素里面 2，子元素中有…

高度塌陷 解决高度塌陷方法一： 一般情况下，我们不会给父元素设置指定的高度 都是让他被内容撑开的 如果我们给子元素设置浮动，子元素会脱离文档流，一旦元素脱离文档流了 子元素就不能再撑开父元素的高度了&#xff…

学习来源于：B站资源https://www.bilibili.com/video/BV1w54y1Q7cZ?p3&spm_id_frompageDriverhttps://www.bilibili.com/video/BV1w54y1Q7cZ?p3&spm_id_frompageDriver 合并形状是区分小白和大神的一个重要分水岭。 两个形状： 拖拽到一起&#…

1.盒子塌陷的原因 在构建页面的时候需要使用到一些盒子模型来完成我们对页面的排版，并且盒子套盒子的情况也是非常常见的，正常情况下如果父盒子没有设置高度，子盒子会撑开父盒子使父盒子达到子盒子的高度，但是如果子盒子使用了浮动…

（一）上下盒子塌陷问题 上盒子定义下外边距，下盒子定义上外边距时，两盒子之间的距离并不是（margin-bottom） （ margin-top）的距离，而是两者之间的最大值。 （二…

项目场景&#xff1a; <style>.wrapper{width: 200px;height: 200px;background-color: red;margin-left: 100px;margin-top: 100px;}.demo{width: 100px;height: 100px;background-color: green;margin-left: 10px;margin-top: 10px;}</style> </head> <…