• 技术文章 >web前端 >html教程

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

    2016-06-24 11:23:23原创549
       前几天面试时有道css题没做出来,回来好好学习一番后把其记录下来。

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

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

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

    下面是代码:

    	
    left
    center
    right
    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:id,class,name区别_html/css_WEB-ITnose 下一篇:刚开始学HTML自己做的,求大神些多多指教。_html/css_WEB-ITnose
    大前端线上培训班

    相关文章推荐

    • html怎么设置元素不可见• html怎么设置表格标题• html怎么去掉input边框• html图片的透明度怎么设置• html div怎么设置大小

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网