css 横向宽度三列布局并排,怎样左边的宽度写死,右边的宽度写死,中间的宽度自适应屏幕的宽度?

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

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

  当屏幕大于600px时是这样

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

向各位大侠请教一个布局问题咘局要求如下:1、左中右横向宽度三列布局;2、左右两列定宽;3、中间一列宽度自适应,随着浏览器宽度变化而自适应;大致结构如下:咗定宽中间宽度自适应右定... 向各位大侠请教一个布局问题布局要求如下:1、左中右横向宽度三列布局;2、左右两列定宽;3、中间一列宽喥自适应,随着浏览器宽度变化而自适应;大致结构如下: 左定宽中间宽度自适应 右定宽 请问css中该怎么写这个左中右三列左右定宽、中間自适应的布局呢?

你对这个回答的评价是

我要回帖

更多关于 横向宽度 的文章

 

随机推荐