当前位置: 首页 > Web前端 > CSS

CSS布局实例二:3种实现高度可变、左右宽度不变、自适应中间宽度的三栏布局的方法

时间:2023-03-30 13:35:24 CSS

标题:假设高度不确定,请写一个三栏布局,其中左右两栏会根据中间的内容拉伸,并且中间会自适应。

我是用的flexbox
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
我是用的表格布局
我是用的网格布局
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
我是用的浮动
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
我是用的绝对位置
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
思考: