[1]麦杏欢.利用BFC 特性实现自适应布局[J].大众科技,2019,21(02):1-3.
　Adaptive Layout Using BFC Characteristics[J].Popular Science & Technology,2019,21(02):1-3.
点击复制

利用BFC 特性实现自适应布局()
分享到：

《大众科技》[ISSN:1008-1151/CN:45-1235/N]

卷:
21
期数:
2019年02
页码:
1-3
栏目:
信息技术与通信
出版日期:
2019-02-20

文章信息/Info

Title:
Adaptive Layout Using BFC Characteristics
作者:
麦杏欢
（广东省轻工职业技术学校，广东 广州 510308）
关键词:
BFC; 自适应布局; 浮动; 盒子
Keywords:
BFC;  adaptive layout;  float;  box
文献标志码:
A
摘要:
布局是层叠样式表（Cascading Style Sheets，CSS）中的一个重要部分，是页面优化的重要环节之一，其最终目的是搭建完善的页面架构。块级格式化上下文 （Block Formatting Contexts，BFC）是页面中的一块渲染区域，它具有自己的一套渲染规则，并且有着与普通容器所没有的特性。文章介绍了BFC 的概念、特性及形成条件，论述利用BFC 实现页面的自适应布局，使得页面的优化及用户的体验性达到一致。
Abstract:
Layout is an important part of Cascading Style Sheets (CSS), which is one of the important links of page optimization. The ultimate goal of layout is to build a perfect page structure. (Block Formatting Contexts, BFC) is a rendering area in a page table. It has its own set of rendering rules and features that are not available in ordinary containers. In this paper, the concept, characteristics and forming conditions of BFC were introduced, and how to use BFC to realize the adaptive layout of pages was discussed, so that the optimization of pages and the user experience can be improved consistently.

参考文献/References:

【参考文献】 [1] 甘卫民.试谈Web 页面宽度自适应的布局设置技术[J].电脑编程技巧与维护,2018(7):132-133,136. [2] 徐立艳.自适应网页设计技术及其应用[J].科技经济导刊, 2017(33):21-22.

备注/Memo

备注/Memo:
【收稿日期】2018-12-08 【作者简介】麦杏欢（1973－），女，广东广州人，广东省轻工职业技术学校讲师，硕士，研究方向为计算机应用。
更新日期/Last Update: 2019-03-13