盒子模型,盒子是用来布局的,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垂直位置不变.
上一篇:减速机轴承室磨损新修复工艺