华拓科技网
您的当前位置:首页记一道css面试题:三栏布局两边宽度固定,中间宽度自适应,并且布局随屏幕大小改变。_html/css

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

来源:华拓科技网


   前几天面试时有道css题没做出来,回来好好学习一番后把其记录下来。

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

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

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

下面是代码:

	left	center	right
显示全文