CSS-两栏布局

布局是面试中和实际开发中经常遇到的问题,常见的有两栏布局、三栏布局等。想起来之前的一次某团的面试,要求用尽可能多的方法实现左侧固定宽度、右侧自适应的两栏布局,现整理一份最常见的实现两栏布局的几种方法,简单易懂,可作为前端面试准备资料。

0.HTML结构如下:
    
1.利用浮动float
    
2.利用定位position
    
3.利用弹性布局flex
    
4.利用表格布局table
    

【作者水平有限,欢迎大家在评论区交流指正~】

你可能感兴趣的