浮动& 定位

css提供了三种传统布局的方式,即盒子进行排列顺序的方法
1.标准流
就是标签按照规定好的默认方式排列
(1)块级元素独占一行,从上到下垂直布局,独占一行
常用元素有:div、hr、p、h1~h6、ul、ol、dl、table
(2)行内元素,从左到右水平布局
常用元素有:span、a、i等
(3)行内块元素,从左到右水平布局
2、浮动
作用:让垂直布局的盒子变成水平布局,如一个在左,一个在右
代码:属性名:float
          属性值:left     左浮动
                       right    右浮动
浮动的特点:

(1)浮动元素会脱离标准流(简称:脱标),在标准流中不占位置,
相当于从地面飘到了空中

(2)
浮动的盒子不在保留原有的位置,其他的标准流盒子会移动过来

(3)
如果多个盒子都设置了浮动,则他们会按照属性值一行内显示,并且顶端对齐排列

(4)
浮动元素会受到上面元素边界的影响

(5)
浮动元素会具有行内块元素的特性

浮动& 定位最先出现在Python成神之路

版权声明:
作者:倾城
链接:https://www.techfm.club/p/4789.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>