移动端三栏布局问题

在web开发中，我们常用float使导航栏元素处于同一行，但是在移动端中，要使用弹性盒来处理

设置父盒子属性开启弹性盒，子元素默认水平排列，子元素宽度默认由内容撑开

display:flex;

对于两端存在固定宽度子元素，中间盒子在没有内容填充的情况下，可通过在子元素中设置flex-grow瓜分父盒子剩余宽度

/*表示将父盒子剩余宽度分成1份给子元素*/
flex-grow:1;