css解决浮动导致父元素高度坍塌的几种方法

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