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

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