css布局实例第一篇:5种方法实现三栏布局高度一致,左右宽度一定,中间宽度自适应

css面试题:请用尽可能多的方法实现css三栏布局,高度一致,左右宽度一定,中间宽度自适应。


  
    
    
    css三栏布局
    
  

  
    

题目:假设高度已知,请写出三栏布局,其中左栏右栏各为100,中间自适应。

我是用的浮动
我是用的flexbox
我是用的绝对定位
我是用的表格布局
我是用的网格布局
后文思考:
  • 1.各自优缺点
  • 2.去掉固定高度后有什么影响?
  • 3.各自兼容性

效果预览:
css布局实例第一篇:5种方法实现三栏布局高度一致,左右宽度一定,中间宽度自适应_第1张图片

你可能感兴趣的:(前端,css)