记一道css面试题 : 三栏布局两边宽度固定,中间宽度自适应,并且布局随屏幕大小改变。_html/css_WEB-ITnose
程序员文章站
2022-03-24 16:26:19
...
前几天面试时有道css题没做出来,回来好好学习一番后把其记录下来。
题目是这样的:左中右三栏布局,左右两栏宽度固定,左右两栏的宽度为200像素,中间栏宽度自适应。当屏幕小于600px时,3栏会分别占用一行。像这样
当屏幕大于600px时,是这样
我做出来用了css3的@media,如果不用这个,好吧,水平有限想不出来。。。
下面是代码:
leftcenterright