CSS内边距、外边距和float属性

1、内边距(padding).

黄色区域是外边框的内边距.

边框与内容间的距离叫内边距.

2、内边距例子.

3、外边距(margin).

元素与另外一个元素之间的距离叫外边距.

4、外边距例子.

5、创建三个div块.

块级标签会占用整行，所以div无法并排.

6、float属性.

正常的文档流是从上到下，从左到右的排序，而float会飘在他们的上层浮动.

现在正常文档流是c2和c3，c1浮在c2和c3上面.

7、3个块都浮起来之后，他们在一层上，这时候他们会并排.

8、如果c2是浮动的，c1也是浮动的，那么c2紧贴着c1并排.

如果c2是浮动的，c1是正常流，那么c2垂直位置不变.