广州哪有学BFC布局规则介绍_广州学习前端的课程哪里有?
作者:广州电脑培训甘发布时间:2020-10-19分类:广州电脑学校浏览:658
导读: BFC(Blockformattingcontext)直译为"块级格式...
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有 Block-level box 参与,它规定了内部的 Block-level Box 如何布局,并且与这个区域外部毫不相干。
BFC布局规则:
A. 内部的 Box 会在垂直方向,一个接一个地放置。
B. Box 垂直方向的距离由 margin 决定。属于同一个 BFC 的两个相邻 Box 的 margin 会发生重叠。
C. 每个元素的 margin box 的左边, 与包含块 border box 的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。
D. BFC 的区域不会与 float box 重叠。
E. BFC 就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此。
F. 计算 BFC 的高度时,浮动元素也参与计算。
哪些元素会生成 BFC
A. 根元素
B. float 属性不为 none
C. position 为 absolute 或 fixed
D. display 为 inline-block, table-cell, table-caption, flex, inline-flex
F. overflow 不为 visible
- 广州电脑学校排行
- 最近发表
-
- 肇庆信息:广东省2024年二级造价工程师职业资格考试报考通知|||北大青鸟计算机培训中心
- 东莞信息:广东省2024年高校毕业生“三支一扶”招募工作启动!东莞计划招募100人|||电脑计算机编程培训学校
- 中山信息:广东省2024年二级造价工程师职业资格考试报考须知|||北大青鸟计算机培训中心
- 东莞信息:莞城街道“南粤家政”基层服务示范站和北隅社区“南粤家政”基层服务站系列活动|||计算机培训学校招生
- 东莞信息:(沙田)2024年沙田镇春风行动暨“南粤春暖”行动系列招聘会圆满举办|||大学生计算机培训学校
- 东莞信息:(横沥)横沥镇大力宣传推广使用“就莞用”码|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 东莞信息:2023年东莞市国民经济和社会发展统计公报(人民生活和社会保障部分)|||电脑计算机编程培训学校
- 东莞信息:中华人民共和国档案法实施条例|||广州计算机编程培训
- 东莞信息:(横沥)横沥镇开展民营企业服务月招聘活动|||计算机培训学校招生
- 东莞信息:(塘厦)公共服务进校园,塘厦人社分局在行动|||广州计算机软件培训
- 标签列表
-