css的盒模型

下面是css中的盒模型，每一个标签都是一个盒模型 这个盒模型里面，最里面是内容区，内容区的外面是填充(padding), 填充的外面是边距(margin), 填充和边距之间是边框(border)。通过这个盒模型，我们可以发现，填充将内容和边框隔开，边框将填充和边距隔开，边距将一个元素和另一个元素隔开。边距和填充很难区分开，一般只有在设置背景色和边框后，才能区别两者。 margin padding

>>阅读原文<<