1、在创建了 Block Formatting Context 的元素中,其子元素按文档流一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部,两个相邻的元素之间的垂直距离取决于 ‘margin’ 特性。 根据 CSS 2.1 8.3.1 Collapsing margins 第一条,两个相邻的 ...
分类:
其他好文 时间:
2016-03-28 08:22:44
阅读次数:
274
BFC 1.独立的渲染区域 2.与这个区域外部毫不相干 3.需要触发(一个声明) 会触发的元素:根元素; float属性不为none时 positon为absolute或fixed display为inline-block overflow不为visble 4.最好用的 overflow:hidde ...
分类:
其他好文 时间:
2016-03-27 23:58:39
阅读次数:
398
BFC:块级格式化上下文,它是指一个独立的块级渲染区域,只有Block-level BOX参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。 BFC的生成 既然上文提到BFC是一块渲染区域,那这块渲染区域到底在哪,它又是有多大,这些由生成BFC的元素决定,CSS2.1中规定满足下列 ...
分类:
其他好文 时间:
2016-03-27 23:50:48
阅读次数:
290
SCC3边框 1.给边框添加圆角: <!DOCTYPE html> <html> <head> <style> div{ text-align:center;【文本为水平方向对其,居中】 border:2px solid #a1a1a1; padding:10px 40px; 【内边距间距为上下和左 ...
分类:
Web程序 时间:
2016-03-27 17:38:25
阅读次数:
262
BFC( block formatting context)块级格式上下文 当发生下面的任一条时,就会触发BFC
分类:
其他好文 时间:
2016-03-13 23:53:51
阅读次数:
187
对BFC进行了阐述--BFC的特性以及怎么触发元素成为BFC;然后利用BFC的特性进行了自适应布局、解决margin重叠、浮动带来的塌陷等问题。
分类:
其他好文 时间:
2016-03-02 23:48:01
阅读次数:
287
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spe
分类:
其他好文 时间:
2016-02-23 13:11:26
阅读次数:
222
BFC详细文章:http://46aae4d1e2371e4aa769798941cef698.devproxy.yunshipei.com/xiaomogg/article/details/46643101。 说句实在话,虽然看了很多关于BFC的文章,但是我对于BFC的理解还是有点模棱两可。但是会
分类:
其他好文 时间:
2016-02-23 11:19:18
阅读次数:
129
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spe
分类:
其他好文 时间:
2016-02-19 12:27:50
阅读次数:
172
###css浮动### float:left 浮动 每一个里面都要设置就能实现排排坐 BFC 块级格式化上下文 与外界无任何关系 IFC 行内格式化上下文 overflow:hidden 触发 BFC 只要有浮动就有可能触发BFC css clear 属性 clear属性定义了元素在哪边上步允许出现
分类:
Web程序 时间:
2016-01-31 03:08:10
阅读次数:
268