三栏布局实现方式

1、浮动+margin

三栏布局实现方式_第1张图片

2、浮动+bfc

三栏布局实现方式_第2张图片

3、flex三栏布局实现方式_第3张图片4、table

三栏布局实现方式_第4张图片

5、定位  

三栏布局实现方式_第5张图片6 圣杯布局 

三栏布局实现方式_第6张图片

三栏布局实现方式_第7张图片

7、双飞翼布局

三栏布局实现方式_第8张图片

三栏布局实现方式_第9张图片

截图来自 最简单最全面的三栏布局_哔哩哔哩_bilibili

你可能感兴趣的:(vue,css,教程,html,前端)