分享与记录前端点滴

BFC ( Block Formatting Context)，块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。两个 p 元素之间的距离为100px，发生了margin重叠（塌陷），以最大的为准，如果第一个p 的margin为80的话，两个p之间的距离还是100，以最大的为准。BFC在计算高度时，浮动元素也会参与，所以我们可以触发 .father 元素生成BFC，则内部浮动元素计算高度时候也会计算。5、给父元素设定高度。

3. 白色区域则为width、height，这时候把白色区域部分宽高逐渐变小，最终变为0。2. 将border设置100px，发现border渲染并不是正方形, 而是梯形。4. 设置透明, 隐藏其中三个三角形。1.首先画一个正方形。