DZY frontender

搜索 search
文章 article
归档 archives
标签 tags

ByteDance Didi ECMAScript ES2021 JavaScript SSL TLS animation backend browser cdn chrome clash cli cmder code computer csrf css date dns domain excel fiber freebie frontend git github google h5 hexo html http iOS ie interview ioredis ip jQuery jenkins

文章导航

前端基础重拾系列之——CSS-BFC规范

更新
1. [2019-3-23]
  1. Changed
记录
1. 布局规则
2. 触发条件

归档 archives

ByteDance Didi ECMAScript ES2021 JavaScript SSL TLS animation backend browser cdn chrome clash cli cmder code computer csrf css date dns domain excel fiber freebie frontend git github google h5 hexo html http iOS ie interview ioredis ip jQuery jenkins

DZY

2019-03-14 frontend

css interview

前端基础重拾系列之——CSS-BFC规范

所谓的BFC, 就是一个布局规范, 之前也有简单了解过, 今晚有空, 还是记录下来.

更新

[2019-3-23]

Changed

更改触发条件相关内容

记录

块级格式化上下文

布局规则

内部的block元素在垂直方向上依次放置
两个相邻的block元素的margin会发生重叠
BFC是页面上的一个隔离的独立容器, 容器里面的子元素不会影响到外面的元素
相邻的BFC元素依次放置
overflow: hidden实现多栏布局

触发条件

float !== none
overflow !== visible
position !== static | relative
display
- inline-block
- flex

作者 : zhaoyang Duan

地址 : https://ddzy.github.io/blog/2019/03/14/前端基础重拾系列之——CSS-BFC规范/

来源 : https://ddzy.github.io/blog

著作权归作者所有，转载请联系作者获得授权。

vscode深度探索 leetcode -thirdMaximumNumber

© 2018 ~ 2022 ❤ zhaoyang Duan

本站总访问量: 次

1%

搜索一下？