在上文《详说清除浮动》中，Kayo 较为详细地介绍了 BFC ，也就是本文的主角 Block Formatting Contexts (块级格式化上下文)，本文会基于上文关于 BFC 的部分进行拓展，进一步说明 BFC 的特性。但在进一步说明 BFC 特性之前，Kayo 首先要介绍另一个在 CSS ...
分类：
其他好文 时间：
2014-09-24 22:21:57
阅读次数：
262
浮动，从诞生那天起，它就是个特别的属性——既为网页布局带来新的方法，却又随之产生一系列的问题。当然，随着时间的推移，这些问题终究有了一些出色的解决方案，Kayo 要在这里详细介绍的，除了是这些解决方案，还有其中的原理。（温謦提示：文章信息量大且篇幅长，请各位自备瓜子，饮料，音乐）。一.什么是清除浮动...
分类：
其他好文 时间：
2014-09-24 21:19:57
阅读次数：
310
在有浮动的元素的时候一定要清除浮动，并且清除浮动一定要写在被浮动的最后一个元素的后面，要不然也是起不到任何作用的。
分类：
Web程序 时间：
2014-09-23 16:02:45
阅读次数：
213
开场白 我们平时工作中，很容易遇到浮动效果。一个DIV中嵌套多个DIV，左边显示一个DIV，右边显示一个DIV，外层DIV的高度随着内层内容的高度变化。这就是最基本的浮动效果。下图的百度搜索结果就是一个简单的例子。什么是CSS清除浮动？ 借用W3C的定义。浮动的框可以向左或向右移动，直到它的外边.....
分类：
Web程序 时间：
2014-09-22 00:02:01
阅读次数：
278
1.:focus 选择器用于选取获得焦点的元素。 案例：http://www.w3school.com.cn/tiy/t.asp?f=css_sel_focus2.clearfix清除浮动闭合容器之:after与:before 首先对伪类:before与:after做下注脚 :before 伪元素在...
分类：
Web程序 时间：
2014-09-19 11:32:25
阅读次数：
243
overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含 义不是很了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这 个词到底包含什...
分类：
其他好文 时间：
2014-09-18 20:32:44
阅读次数：
232
当b1和b2都是float=left时候，a1层的高度不会被b1和b2的高度撑开。 解决方法一：设置div1的display属性为table即可；解决方法二：插入一个额外的标签 这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼...
分类：
其他好文 时间：
2014-09-18 16:14:24
阅读次数：
229
1//.clearfix:before,.clearfix:after{display:table;content:"",line-height:0;}.clearfix:after{clear:both;}2//overflow:hidden;zoom:1;3//添加div设置：clear:bot...
分类：
Web程序 时间：
2014-09-15 17:09:59
阅读次数：
254
CSS清除浮动的方法有哪些呢？经常性地会使用到float，很多邪门的事儿都有可能是浮动在作怪，清除浮动是必须要做的，而且随时性地对父级元素清除浮动的做法也被认为是书写CSS的良好习惯之一。下面看今天的教程，此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。LeftRight一、使用空标签清...
分类：
Web程序 时间：
2014-09-12 14:59:43
阅读次数：
239
/* 清除浮动 */html body div.clear, html body span.clear { background: none; border: 0; clear: both; display: block; float: none; font-si...
分类：
Web程序 时间：
2014-09-06 12:11:03
阅读次数：
177
