码迷,mamicode.com
首页 >  
搜索关键字:bfc    ( 743个结果
对 BFC 的理解
对CSS有了解的道友们肯定都知道盒式模型这个概念,对一个元素设置CSS,首先需要知道这个元素是block还是inline类型。而BFC就是用来格式化块级盒子,同样管理inline类型的盒子还有IFC,以及其他的FC。那首先我们就来看一下FC的概念。 Formatting Context:指页面中的....
分类:其他好文   时间:2015-04-23 10:53:12    阅读次数:159
深入理解BFC和Margin Collapse(转)
作者写的很详细,感谢分享。来源:http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.htmlBFC的理解与应用首先我们来看看w3c规范对BFC的解释,其实对于这种概念的学习上,我们总是建议首先寻找官方的定义,因为原则上来说...
分类:其他好文   时间:2015-04-19 19:13:21    阅读次数:198
CSS布局中一个简单的应用BFC的例子
什么是BFCBFC(Block Formatting Context),简单讲,它是提供了一个独立布局的环境,每个BFC都遵守同一套布局规则。例如,在同一个BFC内,盒子会一个挨着一个的排,相邻盒子的间距是由margin决定且垂直方向的margin会重叠。而float和clear float也只对同...
分类:Web程序   时间:2015-04-09 23:41:52    阅读次数:179
由position属性引申的关于css的进阶讨论(包含块、BFC、margin collapse)
写这篇文章的起因是源于这篇文章:谈谈面试与面试题中关于position的讨论,文中一开始就说的这句话:面试的时候问个css的position属性能刷掉一半的人这是啥情况……其实这问题我本来打算的是可以顺着一路扯到normal flow、containing block、bfc、margin co.....
分类:Web程序   时间:2015-04-02 18:12:03    阅读次数:150
CSS Bug
父子标签间用margin的问题,表现在有时除IE(6/7)外的浏览器子标签margin转移到了父标签上,IE6&7下没有转移。测试代码: box1_1 chrome & FireFox & IE8 & IE9下的效果为:IE6 & IE7 下的效果:应该和BFC有...
分类:Web程序   时间:2015-03-15 16:50:15    阅读次数:136
CSS之BFC
CSS之BFC接触CSS一段时间之后,过了那段掌握基本知识的蜜月期之后开始痛苦于为什么排版老是出问题??如何更好的排版呢??针对这些问题,理解了BFC之后,会有一定的帮助的。什么是BFC?BFC(block formamtting context中文翻译为块级格式化上下文),BEC是个环境,这个环境...
分类:Web程序   时间:2015-03-14 09:33:23    阅读次数:142
BFC 神奇背后的原理
BFC已经是一个耳听熟闻的词语了,网上有许多关于BFC的文章,介绍了如何触发BFC, 以及BFC的一些用处(如清浮动,防止margin重叠等)。虽然我知道如何利用BFC解决这些问题,但当别人问我BFC是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec, 和许多文章,来全...
分类:其他好文   时间:2015-03-13 18:19:32    阅读次数:150
BFC
BFC布局规则:内部的Box会在垂直方向,一个接一个地放置。Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin box的左边,与包含块border box的左边相接触。即使存在浮动也是如此。BFC的区域不会与float box重叠B...
分类:其他好文   时间:2015-03-13 18:12:13    阅读次数:127
深入认识盒子模型 display:inline-block BFC 和haslayout !
---恢复内容开始---hasLayout设计的初衷是用于辅助块级元素的盒子模型的,它是用于块级元素的。如果用于行内元素,会引发一些特殊效果。设置宽高属性width、height值都可以触发hasLayout,但是有时候带来副作用,现在常用zoom:1;来触发,极少数非常复杂的css设置情况zoom...
分类:其他好文   时间:2015-03-04 21:01:18    阅读次数:175
BFC、haslayout
BFC(block块,f格式化,c上下文content )译为"块级格式化上下文"它是指一个独立的块级渲染区域,只有Block-level BOX参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。CSS2.1中规定满足下列CSS声明之一的元素便会生成BFC。根元素float的值不为...
分类:其他好文   时间:2015-03-04 01:00:42    阅读次数:159
743条   上一页 1 ... 66 67 68 69 70 ... 75 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!