码迷,mamicode.com
首页 > Web开发 > 详细

css3-BFC

时间:2015-03-02 23:53:27      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

BFC——Block Formatting Context (块格式化上下文)

格式化则表明了在这个环境中,元素处于此环境中应当被初始化,即元素在此环境中应当如何布局等。元素如果创建了BFC,那么BFC决定了如何对其内容进行定位,以及它与其他元素的关系和相互作用。创建了BFC的素会按照如下的方式对其子元素进行排列:

1:元素的子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部,两个相邻的元素之间的垂直距离取决于‘margin‘ 特性。在BFC中相邻的块级元素的垂直边距会折叠(collapse)。 

2:元素的子元素中,每一个子元素左外边与包含块的左边相接触(对于从右到左的格式化,右外边接触右边),即使存在浮动也是如此(尽管一个子元素的内容区域会由于浮动而压缩),除非这个子元素也创建了一个新的BFC,如它自身也是一个浮动。

 

css3-BFC

标签:

原文地址:http://www.cnblogs.com/huzhen/p/4309965.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!