本文主要包含三栏布局,中间固定,两边自适应等相关知识,佚名 希望在学习及工作中可以帮助到您
今天早上在阿当大侠的编写高质量前端代码群中与几位朋友一起探讨和学习了一种用div+css进行的三列（三栏）布局，而且是中间固定左右两边自适应宽度，听起来蛮有意思的。因为以前只是碰到过，左右两列固定而中间自适应的运用。于是思考一下马上敲起了键盘自己实战了一下，接着与大家一起测试，还是通过了各浏览器的考验，为了方便自己以后好查阅，也想让不知道的朋友一起学习一下这样的布局，特整理了一下代码，贴上来与大家一起分享和学习。
在讲这种布局之前，我还想和大家一起回想一下三列布局中的另一种，就是左右两列固定，中间自适应宽度。这种布局方法，网上问问Ｇ爸和度娘一定会有一大堆，但我还是要重复说说，方便自己今后查阅，记性太差，没办法。别的先不说了，就开始进入主题吧。对于两边固定中间一列自适应的布局方法，我最早使用的是绝对定位法。先看代码
这种方法我利用的就是浮动原理，左右定宽度分别进行左浮
在讲这种布局之前，我还想和大家一起回想一下三列布局中的另一种，就是左右两列固定，中间自适应宽度。这种布局方法，网上问问Ｇ爸和度娘一定会有一大堆，但我还是要重复说说，方便自己今后查阅，记性太差，没办法。别的先不说了，就开始进入主题吧。对于两边固定中间一列自适应的布局方法，我最早使用的是绝对定位法。先看代码
这种方法我利用的就是浮动原理，左右定宽度分别进行左浮