韩国最新电影r级2018在线观看-193du.springcho.com

google seo -> telegram: @ehseo6

">Newsnet 2022-09-26 11:16
  • home  >   /我省交通运输系统2个集体荣获“全国青年文明号”  >   韩国最新电影r级2018在线观看
  • 平安在线车辆违章查询 超体在线
    在线看国产视频 斗鱼在线直播
    如何看待整容作文 how about 韩国最新电影r级2018在线观看?
    What's the 韩国最新电影r级2018在线观看 phone number? What is 韩国最新电影r级2018在线观看 contact information ?
    Online consultation 韩国最新电影r级2018在线观看 The picture of the 韩国最新电影r级2018在线观看
    韩国最新电影r级2018在线观看of the video Is 韩国最新电影r级2018在线观看 for real ?
    韩国最新电影r级2018在线观看's website A map of 韩国最新电影r级2018在线观看
    韩国最新电影r级2018在线观看 of tiktok 韩国最新电影r级2018在线观看music
    韩国最新电影r级2018在线观看 of news 韩国最新电影r级2018在线观看app
    韩国最新电影r级2018在线观看company Customer service of 韩国最新电影r级2018在线观看 company

    男人能整容吗『网址:ff00.co』水莓100在线视频免费视频观看,在线流程,削骨整容手术多少钱F2F4Y5L8-C q XU Vihl H

    四川整容整形『网址:ff00.co』国际期货在线喊单,电影平型关大捷在线观看,行尸走肉第7季在线观看F2F4Y5L8-n p iw eKJ X w

    您所在的位置:首页 > IT干货资料 > web前端 > 【Web前端基础知识】什么是BFC

    将夜电视剧在线观看360『网址:ff00.co』天生神医有声小说在线收听,天津广播在线收听,权力的游戏8季第6集在线观看F2F4Y5L8-a N xe etbq F

    一、什么是BFC?

    BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干。

    在解释什么是BFC之前,我们需要先知道Box、Formatting Context的概念。

    Box:css布局的基本单位

    Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不同类型的 Box, 会参与不同的 Formatting Context(一个决定如何渲染文档的容器),因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子:

    block-level box:display 属性为 block, list-item, table 的元素,会生成 block-level box。并且参与 block fomatting context;

    inline-level box:display 属性为 inline, inline-block, inline-table 的元素,会生成 inline-level box。并且参与 inline formatting context;

    run-in box: css3 中才有, 这儿先不讲了。

    Formatting Context

    Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。最常见的 Formatting context 有 Block fomatting context (简称BFC)和 Inline formatting context (简称IFC)。

    BFC是一个独立的布局环境,其中的元素布局是不受外界的影响,并且在一个BFC中,块盒与行盒(行盒由一行中所有的内联元素所组成)都会垂直的沿着其父元素的边框排列。

    BFC的布局规则

    内部的Box会在垂直方向,一个接一个地放置。

    Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。

    每个盒子(块盒与行盒)的margin box的左边,与包含块border box的左边相接触(对于从左往右的格式化,否则相反)。即使存在浮动也是如此。

    BFC的区域不会与float box重叠。

    BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此。

    计算BFC的高度时,浮动元素也参与计算。

    什么是bfc?

    Formatting Context:指页面中的一个渲染区域,并且拥有一套渲染规则,他决定了 其子标签如何定位,以及与其他标签的相互关系和作用。

    BFC块级格式化上下文,它是指一个独立的块级渲染区域,只有Block-level BOX参与, 该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。

    怎样生成BFC

    根标签

    float的值不为none

    overflow 的值不为 visible

    display 的值为 inline-block

    position 的值为 absolute 或 fixed

    BFC的特性

    垂直方向上的距离由margin决定,属于同一个BFC的两个相邻标签的margin会发生重叠。

    每个标签的左外边距与包含块的左边界相接触(从左向右),即使浮动标签也是如此。

    BFC 的区域不会与 float 的标签区域重叠。(不包括固定定位方法)

    计算BFC的髙度时,浮动子标签也参与计算。

    BFC就是页面上的一个隔离的独立容器,容器里面的子标签不会影响到外面标签, 反之亦然。

    BFC解决的问题

    外边距塌陷

    清浮动

    两栏或者三栏自适应布局 (只能用overflow:hidden)

    文章“【Web前端基础知识】什么是BFC”已帮助

    更多内容

    >>本文地址:http://www-ujiuye-com.springcho.com/zhuanye/2021/70627.html

    THE END  

    声明:本站稿件版权均属中公教育优就业所有,未经许可不得擅自转载。

    领取零基础自学IT资源

    (内含学习路线+视频教程+项目源码)

    涉及Java、Web前端、UI设计、软件测试、Python等多个IT热门方向

    打开微信扫一扫即可领取哦~

    1 您的年龄

    2 您的学历

    3 您更想做哪个方向的工作?

    获取测试结果
    • 大前端大前端
    • 大数据大数据
    • 互联网营销互联网营销
    • JavaJava
    • Linux云计算Linux
    • Python+人工智能Python
    • 嵌入式物联网嵌入式
    • 全域电商运营全域电商运营
    • 软件测试软件测试
    • 室内设计室内设计
    • 平面设计平面设计
    • 电商设计电商设计
    • 网页设计网页设计
    • 全链路UI/UE设计UI设计
    • VR/AR游戏开发VR/AR
    • 网络安全网络安全
    • 新媒体与短视频运营新媒体
    • 直播带货直播带货
    • 智能机器人软件开发智能机器人
     

    快速通道fast track

    近期开班时间TIME

    BOB登陆网址 竞猜足球258 体育彩票管理中心 球迷竞猜世界杯 足彩c
    世界杯直播平台 女排世界杯 么么直播-真人视频交友直播平台 足彩宝典 开心斗龙虎
    福利彩票双色球 掌中足彩 足彩t 足球竞彩365 高赔率彩票
    彩色钢琴球 体育彩票[时时中]方法 料到体育-足球篮球赛事竞猜红彩分析 世界杯直播吧 火狐红彩-欧洲杯足球篮球中奖竞彩神器