一般的三栏布局使用
float浮动 即向左浮动，右栏向右浮动，中间设左右Margin来撑开距离 ；
position定位 即左栏、右栏绝对定位，分别固定到页面左右两侧，中间栏不设宽度，用左右Margin来撑开距离；
我采用的是flex布局 给元素设置display:flex，使该元素成为一个flex容器,其子元素就是容器成员item,每个item默认按照从左到右方式排列
HTML代码
注意：关键在于Class
CSS样式
注意设定子元素宽度
效果如图
三栏布局
CSS 三栏布局
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
相关阅读更多精彩内容
- 一：Float元素浮动实现三栏布局 实现方式：左右元素浮动，中间元素左右marign值撑开两边距离。例： 此时看似...
