白学？
包含块
布局和包含块
深入理解css中vertical-align属性
块级格式上下文
深入理解块级格式上下文BFC：文章阐释了为什么会有外边折叠、为什么会有高度坍塌、float脱离文档流后为什么覆盖标准元素等问题。
BFC的应用：理解display:flow-root的作用，两栏自适应布局，多列自适应布局
- BFC 内外互不影响。
- BFC 包含内部的浮动（解决内部浮动元素导致的高度塌陷）。
- BFC 排斥外部的浮动（触发 BFC 的元素不会和外部的浮动元素重叠）。
- 外边距折叠的计算不能跨越 BFC 的边界。
- 各自创建了 BFC 的兄弟元素互不影响（注：在水平方向上多个浮动元素加一个或零个触发 BFC 的元素可以形成多列布局）。
FFC:探秘 flex 上下文中神奇的自动 margin
- flex 格式化上下文中，在通过 justify-content 和 align-self 进行对齐之前，任何正处于空闲的空间都会分配到该方向的自动 margin 中去。
- 单个方向上的自动 margin 也非常有用，它的计算值为该方向上的剩余空间
- 使用了自动 margin 的 flex 子项目，它们父元素设置的 justify-content 以及它们本身的 align-self 将不再生效
网友评论