请分别用浮动布局和 Flex 布局实现三栏布局，并说明各方案的适用场景。

回答思路

1. 准确给出浮动布局中左右定宽、中间自适应的实现方式
2. 准确给出 Flex 布局中左右定宽、中间自适应的实现方式
3. 说明两种方案在兼容性、代码简洁性、垂直居中能力上的差异
4. 能根据实际场景（是否需兼容旧浏览器、是否需垂直居中）做出合理选型