a242424242424的博客

移动端适配就是根据设备的宽高灵活设置页面元素的大小。rem是css中长度单位移动端适配。

1、双飞翼布局是将所有div都嵌入到一个共同的父元素中，通过margin外边距来实现三栏布局。2、圣杯布局是将左右两边元素通过相对定位，中间元素通过内边距实现三栏布局。双飞翼和圣杯布局一样是实现三栏布局，两侧宽度固定，中间宽度自适应。

圣杯布局是指三栏布局，左右两边的宽度被定死，中间的宽度自适应。圣杯布局要求中间一栏最先加载出来。

BFC其实就是一块能够独立渲染的区域，该元素的内部不管怎么定义都不会影响到外部元素，只有块级元素具备该属性。BFC全称Block Formatting Context，指的是格式化上下文。2、浮动之后的元素（float属性的值不为none）5、overflow属性值不为visible的块元素。6、弹性和元素（display：flex）7、网格元素（display：grid）3、绝对定位和固定定位的元素。如何使元素具有BFC特性。1、根元素（HTML）

1、为父元素添加overflow:hidden或者overflow:auto。2、通过伪元素解决父级高度消失问题。

当两个块级元素为嵌套关系时（一般为父子关系），若两个块级元素都有向上的外边距时，那么两个元素的外边距就会合成一个上外边距。4、为父元素设置 border: 1px solid transparent。1、为父元素设置 overflow: auto/hidden。3、为父元素设置 display: inline-block。5、为父元素设置 padding: 1px。2、为父元素设置浮动。

版权声明：本文为优快云博主「a242424242424」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.youkuaiyun.com/a242424242424/article/details/130159476。总结：不管两个值都是正数也好，一正一负也好，两个都是负数也好，只会生效两个值中绝对值更大的那个样式，绝对值较小的样式不会生效。两个块级元素的上下外边距可能会合并成一个外边距，这就称之为外边距重叠。

margin-bottom 设置正值下方元素向下移动，设置负值下方元素向上移动。margin-right 设置正值右侧元素向右移动、设置负值右侧元素向左移动。margin-left 设置正值元素向右移动、设置负值向左移动。margin-top 设置正值元素向下移动、设置负值向上移动。外边距设置负值盒子会往相反方向移动。

offsetWidth = 100 + 10*2 + 1*2 = 122（注：不要把margin算进去了，margin是外边距）offsetWidth（盒模型宽度） = 内容宽高 + 内边距 + 边框。