实现左右 100px 固定，中间自适应的三列布局？（至少三种）

标准面试回答（推荐记住）

这道题要求三种写法。第一种 Flex：父元素 display: flex，左右定宽 100px，中间 flex: 1 自动占满剩余空间。第二种 Grid：父元素 display: grid，grid-template-columns: 100px 1fr 100px，一行搞定。第三种 Float 加 BFC：左右分别 float: left 和 float: right，宽度 100px，中间元素设置 margin: 0 100px 或 overflow: hidden 触发 BFC。现代项目推荐 Flex 或 Grid。