北京中科白癜风医院骗人吗 http://www.csjkc.com/yydt/511.html什么是BFC？块级格式化上下文BFC-BlockFormattingContextBFC的定义在官方文档中有描述。BFC（BlockFormattingContext）格式化上下文是网页中盒模型布局的CSS渲染方式。它是指一个独立的渲染区域或一个孤立的独立容器。形成BFC的原因？1、根元素（html）2、浮动：float值非none3、overflow值非visible4、弹性布局：display值为inline-block、table-cell、table-caption、flex、inline-flex5、定位：position值为absolute、fixedBFC的特征？1.属于同一个BFC的两个相邻容器的上下边距会重叠（强调）2.计算BFC高度时，浮动元素也包括在计算中（强调）3.BFC的区域不会浮动容器重叠（强调）4，BFC中的容器垂直排列5，元素的margin-left与包含块的左边界6，BFC是一个独立的容器，容器的内部元素不会影响容器的外部元素BFC的用途？1、清除元素的内部浮动防止高度塌陷；浮动如float:left会导致元素离开文档流。如果父元素包含浮动子元素并且没有定义height或height:auto;，可能会导致父元素的高度没有被拉伸。例如：.big{width:px;background:green;}.little{width:px;height:px;background:green;}divclass=bigdivclass=little/div/div这就是父元素不加高度，子元素不浮动的效果。如下给子元素一个float:right的时候，发现父元素缺失了。为了解决这个问题，我们可以使用父元素：after或：before伪类来清晰浮动。也可以使用BFC。BFC后的效果。--添加溢出：隐藏到父元素。2、解决内边距合并，外边距合并的问题；3、左边固定，右边自适应的盒子问题；例如：style.left{width:px;height:px;background:red;float:left;}.right{height:px;background:yellow;overflow:hidden;}/styledivclass=left/divdivclass=right/div全新超实用性的Python零基础入门到就业体验课+视频+源码淘宝￥2购买已下架
转载请注明：http://www.aierlanlan.com/tzrz/6078.html
