盒子模型(DIV+CSS)


所有页面中的元素都可以看成是一个盒子，占据着一定的页面空间。一般来说这些被占据的空间往往要比单纯的内容要大。换句话说，可以通过调整盒子的边框和距离等参数，来调节盒子的位置。

盒子模型是CSS控制页面时一个很重要的概念。只有很好地掌握了盒子模型以及其中每个元素的用法，才能真正地控制页面中各元素的位置。

一个盒子模型由content（内容）、border（边框）、padding（间隙）和margin（间隔）这4个部分组成。一个盒子的实际宽度（或高度）是由content+padding+border+margin组成的。