• margin+float布局
• display：flex布局
• display:table & dispaly:table-cell布局
• relative+absolute布局

大家好好参考哟，很有用的

那么很多人问，如果我们需要高度自适应怎么处理，安排

• margin+float布局:

这个和下面三个不一样，除了去掉父级高度除外，还需要设overflow:hidden;还需要给左右两侧加这个类
.row {
margin-bottom: -10000px;
padding-bottom: 10000px;
/ 内外补丁是关键，父级给hidden掉了 /
}
可以动手试试，很妙

• display：flex布局:

代码不动，把父级的高度去掉即可支持

• display:table & dispaly:table-cell布局

代码不动，把父级的高度去掉即可支持

• relative+absolute布局

代码不动，把父级的高度去掉即可支持