浮动& 定位
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成神之路。
共有 0 条评论