三栏布局(三栏布局主要是前后两列定宽，中间自适应)

1.浮动 + margin(左边元素左浮动，右边元素有浮动，并给两遍元素都设置宽度,然后给中间元素设置 margin-left和 margin-right，值都等于左右元素的宽度)

2.浮动 + BFC()

  1. flex(给父元素设置flex布局，然后给指定元素设置flex: 1)
  1. 定位(给父元素和左右子元素设置定位，并给左右子元素设置宽度和left/right，然后给中间元素设置margin-left和margin-right)

参考文献：https://blog.csdn.net/weixin_52834435/article/details/124071513

posted @ 2023-01-31 11:53  小白张先生  阅读(32)  评论(0)    收藏  举报