margin,padding,border和width详解

在页面中，每个元素都可以看作一个矩形框，由内容、填充、边框和空白边组成。

填充在内容的周围，边框会在填充区域外加一条线，在边框外边是空白边。空白边是透明的，

一般用来控制元素之间的间隔。

在CSS样式中，width和height指的是内容的宽度和高度。假设一个框的边上有5像素的空白边

和10像素的填充，如果希望框的总宽度达到100像素，那么把框的宽度设为70像素就ok了。

但是不幸的是在IE 5.X  和  IE 6中width不是内容的宽度，而是内容、填充和边框的宽度总和。