在IE8及以下浏览器中，需要给input同时设置height和line-height，如果不设置height，line-height会失效。


只有普通文档流中块框的垂直外边距才会发生外边距叠加。行内框，浮动框或者绝对定位的外边距不会叠加。


在IE8及以下浏览器中，如果没有给一个div设置长度或者高度就设置top或者left，则该框会被水平拉伸。

其实从IE5.5就开始支持inline-block属性了，只不过IE5.5/6/7支持的是IE自定义标准，从IE8开始则支持CSS2.1标准而已。当给元素设置inline-block属性时，如果在盒子里面添加文本，盒子和盒子之间就会出现间隙，这个间隙其实是White space，要想消除这个间隙，有如下几种方法：font-size:0;或者负margin-right或者直接用float吧！


word-wrap和word-break的区别
word-wrap:break-word;在单词内换行，即如果该单词放不下上一行，则整个都换行到下一行。
word-break:break-all;在行间换行，如果这一行放不下则折行放。

scrollHeight包括内容高度和padding。

当margin,padding的单位都是百分比时，它们都是基于直接父元素的宽度的百分比。无论是上下左右。那么可以利用这个特性来把图片和文字框同比例缩放。

img：如果给图片的宽度设置百分比，则他 的高度也会按相应比例变化。

elem.style.name只能得出内嵌样式的样式，不能得出外联的和内联的样式。要想得出外联样式，只能用 elem.currentStyle[name] (IE) 或者是 getComputedStyle(elem,null)[name]（火狐）

对于img元素，会有3个像素的bug，默认情况下，图片下方会多出3px的空白。可以通过设置 display:block 或者 vertical-align：middle 来消除它，一般是用vertial-align，这样就不会改变它的display。