1. 使用float实现三列左右固定宽高,中间自适应宽度
注意: 这里的right元素右浮动,center没有浮动,应该把右浮动的元素写在center前面才能实现三列效果,否则右浮动的元素会被挤向下一行;
2. 使用opsition实现
注意: 这里的center一定要设置left和right,才能让中间内容区被撑开
3.flex布局实现
注意: 这里的center要设置flex: 1;实现中间宽度自适应
4. table布局
注意:要给父元素设置宽度百分百
5.双飞翼,利用margin负值实现
注意:要在center外层包一个父元素,并给这个父元素设置float开启BFC,并且center部分代码要放在最前面,左右的无所谓 参考链接: https://blog.csdn.net/cinderella_hou/article/details/52156333 https://blog.csdn.net/weixin_40485972/article/details/78161022?utm_source=blogxgwz0