多语言展示
当前在线:500今日阅读:31今日分享:25

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

盒子模型,盒子是用来布局的,div标签是用的最多的盒子模型.
工具/原料

Pycharm

方法/步骤
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垂直位置不变.

推荐信息