![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
a242424242424
苦读孙子兵法,品启强人生
展开
-
rem单位
移动端适配就是根据设备的宽高灵活设置页面元素的大小。rem是css中长度单位移动端适配。原创 2023-04-23 17:56:49 · 42 阅读 · 0 评论 -
什么是双飞翼布局
1、双飞翼布局是将所有div都嵌入到一个共同的父元素中,通过margin外边距来实现三栏布局。2、圣杯布局是将左右两边元素通过相对定位,中间元素通过内边距实现三栏布局。双飞翼和圣杯布局一样是实现三栏布局,两侧宽度固定,中间宽度自适应。原创 2023-04-18 17:25:58 · 103 阅读 · 0 评论 -
什么是圣杯布局
圣杯布局是指三栏布局,左右两边的宽度被定死,中间的宽度自适应。圣杯布局要求中间一栏最先加载出来。原创 2023-04-18 17:10:40 · 100 阅读 · 0 评论 -
什么是BFC
BFC其实就是一块能够独立渲染的区域,该元素的内部不管怎么定义都不会影响到外部元素,只有块级元素具备该属性。BFC全称Block Formatting Context,指的是格式化上下文。2、浮动之后的元素(float属性的值不为none)5、overflow属性值不为visible的块元素。6、弹性和元素(display:flex)7、网格元素(display:grid)3、绝对定位和固定定位的元素。如何使元素具有BFC特性。1、根元素(HTML)原创 2023-04-18 17:03:21 · 67 阅读 · 0 评论 -
子元素浮动后父元素高度撑不开如何解决?
1、为父元素添加overflow:hidden或者overflow:auto。2、通过伪元素解决父级高度消失问题。原创 2023-04-17 16:55:13 · 242 阅读 · 0 评论 -
什么是外边距塌陷,怎么解决
当两个块级元素为嵌套关系时(一般为父子关系),若两个块级元素都有向上的外边距时,那么两个元素的外边距就会合成一个上外边距。4、为父元素设置 border: 1px solid transparent。1、为父元素设置 overflow: auto/hidden。3、为父元素设置 display: inline-block。5、为父元素设置 padding: 1px。2、为父元素设置浮动。原创 2023-04-14 20:22:36 · 65 阅读 · 0 评论 -
什么是外边距重叠
版权声明:本文为CSDN博主「a242424242424」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/a242424242424/article/details/130159476。总结:不管两个值都是正数也好,一正一负也好,两个都是负数也好,只会生效两个值中绝对值更大的那个样式,绝对值较小的样式不会生效。两个块级元素的上下外边距可能会合并成一个外边距,这就称之为外边距重叠。原创 2023-04-14 18:11:45 · 59 阅读 · 0 评论 -
外边距负值会有什么效果
margin-bottom 设置正值下方元素向下移动,设置负值下方元素向上移动。margin-right 设置正值右侧元素向右移动、设置负值右侧元素向左移动。margin-left 设置正值元素向右移动、设置负值向左移动。margin-top 设置正值元素向下移动、设置负值向上移动。外边距设置负值盒子会往相反方向移动。原创 2023-04-13 21:55:44 · 109 阅读 · 0 评论 -
盒模型宽度计算
offsetWidth = 100 + 10*2 + 1*2 = 122(注:不要把margin算进去了,margin是外边距)offsetWidth(盒模型宽度) = 内容宽高 + 内边距 + 边框。原创 2023-04-13 21:51:54 · 56 阅读 · 0 评论