css使用弹性布局/定位布局实现三栏布局

三栏布局:听到三栏布局,感觉好高大上的样子。想当初初学CSS的时候.

反正我听不懂,你说啥都很厉害

接下来:
css使用弹性布局/定位布局实现三栏布局_第1张图片
然后:

css使用弹性布局/定位布局实现三栏布局_第2张图片

总之,多逛逛正规的技术论坛,你会发现自己都不能接受自己那么菜。

简单来说: 就是网页分成三块,中间自适应,左右两边固定
应用场景:视频播放进度条,两边固定,中间进度条根据电子屏幕自适应长度。
css使用弹性布局/定位布局实现三栏布局_第3张图片
弹性布局(移动端使用弹性布局真是非常方便,可以自己了解一下)来实现:





  
  
  
  Document




  

定位的方式:

  

        

你可能感兴趣的:(css)