浮动
咱们一般说的浮动就是运用float属性。
float属性 设置元素浮动
可选值:
none 默认值
left 向左
right 向右
浮动可以让块元素水平布局
浮动的特点
浮动的第一类特点:
1.设置元素浮动后,元素会脱离文档流,下面的元素会挤上去
2.设置元素浮动后,元素会尽量向左或者向上浮动,而且默认情况下不会脱离父元素的范围
3.设置浮动的元素不会超过它前一个兄弟,最多一边挤
4.如果浮动元素的前一个兄弟没有浮动,则浮动的元素不会超过它前一个没有浮动的元素
浮动的第二类特点:
当浮动的元素遇到文字,浮动的元素不会覆盖文字,文字会环绕在浮动元素周围,从而实现文字环绕图片的效果这也是浮动最早的功能,只是后面用于水平布局的。
浮动的第三类特点:
元素脱离文档流之后,就不再区分块、行内、行内块元素了,也不再具有其特点
元素不会独占一行,也可以设置宽高