百度前端学院学习DAY07-08 学习布局 (5种布局)

分别尝试使用Float、Position或者Flexbox来实现如下需求:

  • 实现一个两栏布局,左侧占30%宽度,右侧占70%宽度
  • 实现一个两栏布局,左侧固定宽度,右侧根据浏览器宽度进行自适应变化
  • 实现一个两栏布局,右侧固定宽度,左侧根据浏览器宽度进行自适应变化
  • 实现一个三栏布局,左侧固定宽度,右侧固定宽度,中间部分宽度随浏览器宽度变化而自适应变化
  • 实现一个三栏布局,左侧固定宽度,中间固定宽度,右侧根据浏览器宽度变化而自适应变化

https://segmentfault.com/a/1190000010698609

https://blog.csdn.net/weixin_39611130/article/details/80189470

百度前端学院学习DAY07-08 学习布局 (5种布局)