以前布局经常会用到float进行布局,但是我们都知道使用浮动布局会存在一个问题-导致父元素高度坍塌
那我们一起来探究一下解决这个问题的方法!就先从文档流开始吧
一.定位的分类
普通流定位
浮动定位
相对定位
绝对定位
①普通流定位
又称为默认文档流定位
1.每个元素在页面上都有自己的空间
2.每个元素都是从父元素的左上角开始渲染(显示)
3.块级元素按照从上到下逐个排列,每个元素单独成行
4.行内元素是多个元素在一行中显示,从左往右顺序排列,显示不下换行
②浮动定位
让块级元素横向显示
float:
取值:left 让元素浮动后,在当前行停靠在父元素的左侧,