百度前端学院学习DAY07-08 学习布局 (5种布局)
分别尝试使用Float、Position或者Flexbox来实现如下需求:
- 实现一个两栏布局,左侧占30%宽度,右侧占70%宽度
- 实现一个两栏布局,左侧固定宽度,右侧根据浏览器宽度进行自适应变化
- 实现一个两栏布局,右侧固定宽度,左侧根据浏览器宽度进行自适应变化
- 实现一个三栏布局,左侧固定宽度,右侧固定宽度,中间部分宽度随浏览器宽度变化而自适应变化
- 实现一个三栏布局,左侧固定宽度,中间固定宽度,右侧根据浏览器宽度变化而自适应变化
https://segmentfault.com/a/1190000010698609
https://blog.csdn.net/weixin_39611130/article/details/80189470