CSS实现经典三栏布局（两侧定宽，中间自适应）
近期开始独立攻克百度前端技术学院的各项任务，之前做了两个比较复杂的页面，深深感觉基础不好，好多css的语句都是为了实现效果而去写的，出现了好多问题，而自己的解决方案也不够优，于是决定从基础开始学起，循序渐进。第一个任务是实现一个三栏布局，外部的两栏固定宽度，中间自适应，以下是效果图：我使用了两种方法...
三栏布局的n种实现
本文主要讨论左右边栏固定宽度，中间栏填满其余空间的布局。至于其他类型，基本上也就是半斤和八两。每一种布局都会有个Demo，个人依然认为文章里帖代码并没有Demo来的直接。所以正文负责解释，源码参见Demo。其中讨论了这么多种（6种）布局，有以下理由：1是每种布局也都有他的毛病，没有十全十美的，每种布...
flex实现三栏等分布局
前言在实际开发中，我们经常会想要实现的一种布局方式就是三栏等分布局，那么我们如何来解决这个问题呢？解决方法一：flex外层容器也就是ul设置display:flex，对项目也就是li设置flex：auto，代表flex:11auto<style>*{list-style:none;bor...