三栏布局一般指的是页面中一共有三栏， 左右两栏宽度固定，中间自适应的布局 ，三栏布局的具体实现：
利用浮动和负边距来实现。父级元素设置左右的 padding，三列均设置向左浮动，中间一列放在最前面，宽度设置为父级元素的宽度，因此后面两列都被挤到了下一行，通过设置 margin 负值将其移动到上一行，再利用相对定位，定位到两边。
实现方式：左右元素浮动，中间元素左右marign值撑开两边距离。
例：
此时看似没有问题，可是如果中间内容过多，超出左右两边高度，我们将看到 文字环绕 问题，如下如所示。
解决办法：
补充flex左右布局，左边固定，右边自适应，并且两列等高自适应
这个需要通过设置元素的浮动来实现两者左右并排。
1、通过设置侧边栏和内容区域的浮动来实现两者并排，设置方法如下：
<div id=container><div id=parameter>左边栏</div>
<div id=main>文章主要区域</div>
</div>
css设置浮动如下：
#parameter{float:left
}
#main{
float:left
}
2、其他的效果根据需要设置css样式即可。
