CSS布局及浮动

从上图中可以看到，一个盒子从里到外有四个层次：最里面的是内容区域，包含元素本身的内容；紧接着是填充区域；然后是边框；最后是空白区域。内容区域的宽度和高度的确定比较复杂，需要综合考虑样式 width和 height的值，以及该盒子中包含的其它盒子的类型。填充区域、边框和空白区域的上、下、左、右四个方位的宽度都可以通过样式 padding、border和margin来分别指定。通过样式 backgro

>>阅读原文<<