摘要：
解读浮动闭合最佳方案：clearfix分享到：更多92011-05-16 分类：HTML/CSS40人评论27001次浏览之前给大家介绍两种浮动闭合的办法CSS清除浮动 万能float闭合，得知很多同学都在使用下面的骨灰级解决办法：.clear{clear:both;height:0;overflow:hidden;}上诉办法是在需要清除浮动的地方加个div.clear或者br.clear，我们知道这样能解决基本清浮动问题。但是这种方法的最大缺陷就是改变了html结构，虽然只是加个div。最优浮动闭合方案（这是我们推荐的）：.clearfix:after{content:".&quo 阅读全文
摘要：
写一个Button，有两种方式：其一，直接button标签；其二，input type=”button”。不管哪种方式，Button的宽度在IE6、7下总是不能完美，接下来我们演示一个普通的Button，你可以用IE6或者IE7浏览器看看其显示宽度，然后对比Chrome或者IE8等浏览器，你会发现Bug的所在。1、一个普通的Button:可以很直接的看到Button的两边有空隙，当然，这个空隙是无法用padding:0来解决的。通常，不少同学会想到给该Button定义一个width:100px。2、width:150px的Button：.demo-button01{width:150px;}恭 阅读全文
摘要：
Block Formatting Context（块格式化上下文）是个很重要的概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。举个好理解的例子：可以把页面想象成一个社区，这个社区里的建筑就是 HTML 元素。而为了避免不同社区里的建筑相互混淆，开发商都是把建筑建在自己的社区里，这样的话无论开发商怎么盖楼，都不会影响到其它社区，那么这个社区的范围 就可以被想象成 Block Formatting Context。由于在 IE8 之前的 IE 版本中，规范中没有提及Block Formatting Context 的概念，而是用私有属性 hasLayout 来达到相似的目的 阅读全文