最近在看W3C文档时，看到这一条，觉得还是有点意思的。
原文地址：Relationships between ‘display’, ‘position’, and ‘float’”
上个月26号（20120426）在公司做了一次分享，PPT地址是：《再回首重构》
这次分享的切入点并没有从解决实际的bug出发，而是分享一些思考和研究的方法，再结合工作常遇到的问题。为便于更好的理解，下面我加上些文字叙述：）
大致内容有三部分：
批判性思维-维基百科
我们通常对一些认识，不管是别人给的，还是从书上看到的，都“坚决”认为是正确的，理所应当、自然而然的。我想如果都是这样，那牛顿哥哥肯定不会发现万有引力。
例如下面是2个关于IE6双边距的错误认识：
1.在同方向设置margin和float值，将导致边距双倍
2.对同方向对块级元素上[......]
工作中会出现些莫名的间隙问题，如图片底部间隙，表单元素与父级容器间隙，这篇文章来谈谈inline-block元素水平方向上间隙。
当inline-block元素前后有回车符的情况下，水平方向会有莫名的间隙。
实际上，默认情况下，HTML处理方式是：将所有连续的空格合并为一个空格，将回车符做一个空格处理。由此看来：“间隙”就是回车符所转换而来的“空格”。空格虽然是看不到的，不过其本质也是一个字符，它的表现跟字体有直接关系的，所以它的大小不是4px或者6px等等精确的数值，如果你改变字体大小和类型，你会发现它是随之变化的。这与图片底部间隙大小的影响因素是一致的。[......]
textarea是一个双标签的表单元素，工作中也很常见，下面来看看有哪些是可能不大注意的地方。
最终的UI稿可能下图这样：
要求是：
1.textarea定宽，定高；
2.文字区与textarea边框有一定距离；
3.默认情况下，右侧无滚动条，超出显示区才显示。
于是你的css代码可能是：
textarea{
width:300px;
height:60px;
padding:9px;
border:1px solid black;
overflow-y:auto;/*消除IE默认情况，[......]
原文：http://www.quirksmode.org/css/quirksmode.html
Netscape 4和 IE 4 解析css完全不符合W3C标准。 Netscape 4几乎不支持标准。 IE4 接近标准，不过它也没有完全正确。尽管IE5修复了IE4中的很多bug，不过还是有些小问题（主要表现在盒模型上）。
为保证网页在不同浏览器中被正确解析，开发者不得不按照不同浏览器不同的解析规则来写css。这样一来，大多数网站的css的写法就不符合规范了。
所以，标准的规范性变的很重要起来，而浏览器厂商面临着一个艰难的选择。向W3C规范靠拢是应该走的路，但是如果他们只[......]
img元素html中较常见的标签之一，每天都在写关于TA的一些事，此文来说说TA的前世今生
img的提出在html2.0的文档中，我们也许会好奇，为什么不是在html1.0中呢，如果我们仔细查过资料，你会发现html1.0并不存在，html的第一个版本就是2.0。在1994年，Mosaic浏览器已经实现了在文档中嵌入图片的方法，html2.0吸纳了img标签。关于html的发展历史，也有在翻译些网上的资料， 学习下觉得蛮有收获的。
先看看这个最早的关于img的文档吧，没什么惊喜，就像你看有些人小时候的照片，觉得和现在很像的感觉。
1.a[......]