在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题 1 2 3 4 5 Clear float 6 23 24 25 26 27 ...
分类：
Web程序 时间：
2014-12-18 10:21:06
阅读次数：
295
在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题 1 2 3 4 5 Clear float 6 23 24 25 26 27 ...
分类：
Web程序 时间：
2014-11-23 21:29:44
阅读次数：
438
知乎链接：http://www.zhihu.com/question/21644198关于BFC的解释：W3CFans http://www.w3cfuns.com/thread-5595727-1-1.html 前端精选温仔：http://www.cnblogs.com/lhb25/p/insid...
分类：
其他好文 时间：
2014-11-23 21:28:09
阅读次数：
184
一.hasLayout 是什么？hasLayout 与 BFC 有很多相似之处，但 hasLayout 的概念会更容易理解。在 Internet Explorer 中，元素使用“布局”概念来控制尺寸和定位，分为拥有布局和没有布局两种情况，拥有布局的元素由它控制本身及其子元素的尺寸和定位，而没有布局的...
分类：
其他好文 时间：
2014-11-19 17:57:17
阅读次数：
250
做过页面编写的各位应该对定位不陌生了，这个样式表中的重头戏，也是最难把控的元素之一，今天在这里我们要讲到的就是与浮动与清除浮动相关的定位元素，对于定位有很多种，有绝对定位，还有相对定位，固定定位，静态定位，对于这几种耳熟能详的定位在这里我们不必花费时间去讨论，我们今天要关注的是另一种神奇的定位，也....
分类：
其他好文 时间：
2014-11-14 22:47:07
阅读次数：
174
css 中不得不提的bfc?独立容器 ? ? ? ?在进行盒子元素布局的时候， BFC 提供了一个环境， 在这个环境中按照一定规则进 行布局不会影响到其它环境中的布局。比如浮动元素会形成 BFC，浮动元素内部...
分类：
其他好文 时间：
2014-11-05 01:58:48
阅读次数：
156
参考：分享：CSS深入理解之float浮动 一：float设计初衷 即是为了实现文字环绕效果 包裹：BFC（块级格式化上下文） 破坏：容器被破坏，父元素高度塌陷（标准， 二：清除浮动（带来的影响） 1：方法一，在底部插入clear：both clear:html block 水平元素底部 css a...
分类：
Web程序 时间：
2014-10-26 01:35:36
阅读次数：
165
最近看幕课网CSS之Float，float最初是为了实现文字的环绕效果；这里面提到BFC，刚好项目中正用到一种解决BFC的方法，DIV在添加float后，就不存在文档流中啦，不占据空间，这使的一些未浮动的DIV会出现一些奇怪的布局，像塌陷，这里形成BFC的条件(符合以下任一条件即可)：1) floa...
分类：
Web程序 时间：
2014-10-14 01:02:47
阅读次数：
432
BFC：即块级格式上下文；在创建BFC的情况下，则所属的作用环境就变成了一个独立的布局环境。在BFC中，盒子从顶端开始垂直地一个接一个地排列，两个盒子之间的垂直的间隙是由他们的margin 值所决定的。在一个BFC中，两个相邻的块级盒子的垂直外边距会产生折叠。在BFC中，每一个盒子的左外边缘（mar...
分类：
其他好文 时间：
2014-10-13 18:10:01
阅读次数：
168
BFC就是一写正常流，浮动流布局的一写规则，比如（BFC会自动计算元素内部的高度适应到父级,PS{ 可以用来清浮动} ）： Clear float ...
分类：
其他好文 时间：
2014-10-13 12:52:59
阅读次数：
200
