css中的bfc怎么玩？_html/css_WEB-ITnose

首先弄明白一个概念，上面是bfc？
w3c是这样解释

BFC(Block Formatting Context)是Web页面中盒模型布局的CSS渲染模式。它的定位体系属于常规文档流。

说通俗一点就是：
float的值不为none
position的值不为static或者relative
display的值为 table-cell, table-caption, inline-block, flex, 或者 inline-flex中的其中一个
overflow的值不为visible

             Document       .column{ width: 31.33%; background-color: aqua; float: left; margin: 0.1%; color: #fff; padding: 10px 0; } .column:last-child{ float: none; /* overflow: hidden;*/ }        
        
11

      
查看更多关于css中的bfc怎么玩？_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108913