box model是指元素计算尺寸的模型，具体的说就是height、padding、border、margin与元素实际尺寸的计算关系，如题所述有两种box model：
1.w3c的标准box model： 元素的实际空间=height/width+padding+border+margin
2.ie 的传统box model：元素的实际空间=height/width+margin,（height/width包含border，padding box）
目前浏览器，大部分元素都是基于w3c model的，但对于表单元素有些是基于传统 box model的，包括：input[type='submit'],input[type="reset"],button和 select，这就意味着我们只需设置最终的高宽，里面的padding，border只会向内延伸。
text-overflow:ellipsis;
-o-text-overflow:ellipsis;分别为被ie和Opera支持的属性，但是火狐还不支持。今天搜索了一些解决方法。目前好像就三种：1.Make Text-Overflow work on both IE and Firefox（通过附加一个Xml和js文件还不会用^_^)2.Hacking text-overflow for Firefox3.CSS:after（这种方法有缺陷）
翻译：On having layout[声明：本文转载自http://old9.blogsome.com/2006/04/11/onhavinglayout/]
译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。
文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方…
