七种实现左侧固定，右侧自适应两栏布局的方法

实现左固定，右自适应两列布局的七种方式其中有常见的float方式，BFC方式，还有CSS3的flex布局和grid布局。开发中不会用到所有布局，但也会涉及到一些知识点。关于最终效果，大家可以查看这里常用的宽度自适应方式，通常是利用了块级元素宽度可以随父容器调整的流特性。另一个想法是使用CSS中的calc()方法来动态设置宽度。另一种思路是使用CSS中新的布局flex布局和grid布局。首先创建一个基本的HTML布局和最基本的样式。左边固定宽度，不固定高度



高度可能是很小，也可以很大。