欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

记一道css面试题 : 三栏布局两边宽度固定,中间宽度自适应,并且布局随屏幕大小改变。_html/css_WEB-ITnose

程序员文章站 2022-03-24 16:26:19
...
   前几天面试时有道css题没做出来,回来好好学习一番后把其记录下来。

  题目是这样的:左中右三栏布局,左右两栏宽度固定,左右两栏的宽度为200像素,中间栏宽度自适应。当屏幕小于600px时,3栏会分别占用一行。像这样

  当屏幕大于600px时,是这样

  我做出来用了css3的@media,如果不用这个,好吧,水平有限想不出来。。。

下面是代码:

left
center
right