在每日布局中，无论是两列还是三列，使用频率都非常高。
两个 - 列布局的效果是将页面分为两列，这些列未登录左右宽度。宽度很小的小色谱柱设置为固定高度。剩余的宽度充满了另一列。列是辅助内容布局容器。
这是宽度较小的父元素作为辅助布局容器的列表，较大的宽度较大的父元素是主布局容器
该布局适用于与内容有明显主要和次要关系的网页。
这三列的布局以左，中和右的顺序排列，通常是中间和第二列的最宽度。
每个人最常见的事情是：
双列布局非常普遍，通常带有固定范围的列和自适应条，现有
实施想法也非常简单：
代码显示如下：
可以说这是最好的解决方案。
请注意，容器的默认属性值：
此属性会导致高效果，例如列。
三个列布局中的自适应布局方法是：
实施代码如下：
原理如下：此实现方法中存在缺陷：基于绝对定位的三列：请注意文档流中的绝对定位元件，并定位最近定位的祖先元素。无需考虑结构的顺序在HTML中，实现代码如下：
实施过程：实施代码如下：
实施过程：缺点：标签用于显示等级数据，不适合布局。但是，可以使用布局的效果，并且代码如下：
实施原理：使用弹性布局，您可以简单地实现中间自适应适应
代码显示如下：
实现过程：优点：代码如下：
与弹性布局相同
原始：https：//juejin.cn/post/7099326666516477966