常见布局和BFC
一.常见布局
1.使用左右两栏使用float属性，中间栏使用margin属性进行撑开，注意的是html的结果 
文章图片
2.使用position定位实现，即左右两栏使用position进行定位，中间栏使用margin进行定位
文章图片
3. 使用float和BFC配合圣杯布局
将middle的宽度设置为100%，然后将其float设置为left，其中的main块设置margin属性，然后左边栏设置float为left，之后设置margin为-100%，右栏也设置为float：left，之后margin-left为自身大小。
文章图片
4. flex布局
文章图片
二、BFC
BFC全称”Block Formatting Context”, 中文为“块级格式化上下文”。
【常见布局和BFC】BFC元素特性表现原则就是，内部子元素再怎么翻江倒海，翻云覆雨都不会影响外部的元素。
文章图片
推荐阅读
- 急于表达——往往欲速则不达
- 第三节|第三节 快乐和幸福（12）
- 20170612时间和注意力开销记录
- 2.6|2.6 Photoshop操作步骤的撤消和重做 [Ps教程]
- 对称加密和非对称加密的区别
- 眼光要放高远
- 樱花雨
- 前任
- 2020-04-07vue中Axios的封装和API接口的管理
- 烦恼和幸福