zoukankan      html  css  js  c++  java
  • BFC的触发条件

    BFC(Block Formatting Context)的触发条件

      BFC(Block Formatting Context )块级格式化上下文,从字面的意思真的很难理解,我特别喜欢张鑫旭的 " CSS世界的结界 " 的叫法,非常的形象生动,看过火影的同学都知道,非常厉害的忍术都会形成结界,形成一个封闭的空间,里面的人出不来,外面的人进不去,BFC就是如此。

    下面是BFC触发的条件,总结一下,没事的时候拿出来看看,增强自己的记忆。

    1. float: left / right

    2. position: absolute / fixed

    3. overflow: auto / scroll / hidden

    4. <html> 根元素

    5. display: inline-block / table-caption / table-cell  

    目前利用BFC特性最多的地方:margin-top 的合并问题,清除浮动问题;当出现BFC的时候这些问题就自然而然的解决了。

    作者:David-lcw
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    preliminary->advanced exam selections
    Maven入门
    Ajax和Json
    过滤器和监听器
    JSTL标签库
    JSP与EL表达式
    dom4j与XML文档操作
    会话管理
    登录之验证码
    WEB之文件下载
  • 原文地址:https://www.cnblogs.com/david-lcw/p/10589311.html
Copyright © 2011-2022 走看看