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

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

时间:2021-07-01 10:21:17 帮助过:60人阅读

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

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

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

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

下面是代码:

	
left
center
right

人气教程排行