03 2022 档案
摘要：高度塌陷形成的原因 由于父元素未设置高度，其内子元素由于浮动、固定定位、绝对定位等原因脱离标准文档流，无法撑开父元素，导致父元素高度为0，形成高度塌陷。 解决办法 1.给父元素设定具体高度。 缺点：不一定每次都知道具体高度 2.给父元素增加属性 overflow：hidden。形成BFC 缺点：会让
阅读全文
摘要：当父子元素都是标准流文档的元素时，给子元素设置margin-top，margin-top会传递到父元素上。如下代码图片所示 <div class="father"> <div class="son"></div> </div> <style> .father{ width:600px; height
阅读全文
摘要：所有HTML元素可以看作盒子，在CSS中，CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内
阅读全文
摘要：一、单行文本溢出隐藏 当文本内容宽度或高度超出容器时，会产生溢出。如图所示 overflow: hidden; /* 超出容器的部分影响 */ white-space: nowrap; /* 文本不换行 */ text-overflow: ellipsis; /* 超出容器的文本显示省略号 */ 二
阅读全文
