啥是定位?就是控制元素在页面中的显示位置
1.普通流定位
2.浮动定位
3.相对定位
4.绝对定位
5.固定定位
1.普通流定位:说白了就是各种元素默认的定位方式
行内,行内块共用一行如果放不下自动就换行
块级单独成行 从上往下排列
2.浮动定位
让块级元素水平排列 (项目如果没有这个需求不要用)
float:none;默认值
float:left;在浮动的当前向左对齐
float:right;在浮动的当前想右对齐
浮动引发的特殊情况:
浮动元素会在浮动方向上占位
元素一旦浮动,如果这个元素没有定义宽度,浮动之后宽度靠内容撑开
元素一旦浮动,就会变成块级
当文本,行内元素,行内块元素遇到了浮动元素,不会被浮