这篇文章给大家介绍的内容是关于css实现三栏布局的三种方式（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
浮动布局
分为三个div，另外一个父级包含这三个div，使用float，
注意点：三个div，left --> right ---> center 这种顺序
Title 123
Flex
立即学习“前端免费学习笔记（深入）”；
设置中间盒子FLex：1，这样的话就可以实现自适应，默认水平排列
Title
flex相关知识点，一般会使用到的
1、设置display：flex
2、容器图：
轴：水平main axis和垂直cross axis
3、容器的属性
系统采用VS2008+Sql2005开发适用于中小型的酒店管理，全部采用三层架构，ASP.NET开发，运用CSS加DIV的界面布局，完整的源代码和数据库设计，是你不可多得的参考资料。 有客房管理、房间类型管理、入住和退房管理等简单功能HotelManager为网站目录DB_51aspx下为Sql2005数据库，附加即可（Sql2000格式数据库转换后稍后发布）
flex-direction：主轴的方向，row | row-reverse | column | column-reverse;
flex-wrap：换行， nowrap | wrap | wrap-reverse;
flex-flow：flex-direction和flex-wrap简写
justify-content：主轴上的对齐方式， flex-start | flex-end | center | space-between | space-around；
align-items：交叉轴上如何对齐，flex-start | flex-end | center | baseline | stretch;
绝对定位对齐
Title 111
相关文章推荐：
