web前端|html教程
记一道css面试题 : 三栏布局两边宽度固定，中间宽度自适应，并且布局随屏幕大小改变。
web前端-html教程
前几天面试时有道css题没做出来，回来好好学习一番后把其记录下来。
题库视频小程序源码,ubuntu日常使用如何,爬虫是属于后端,rust php,全自动seolzw
题目是这样的：左中右三栏布局，左右两栏宽度固定，左右两栏的宽度为200像素，中间栏宽度自适应。当屏幕小于600px时，3栏会分别占用一行。像这样
qq手机钓鱼源码大全,无法安装vscode,ubuntu窗口标识栏,tomcat 服务监控,SQLite拆分字段,js插件 图片点击展示,web前端mvc框架实例,爬虫女妖系列,php环境的搭建,什么是seo外链,餐饮网站 开源,易语言访问网页的缓存,织梦物流运输模板,帝国cms的会员注册页面,企业业务管理系统源代码,在线支付程序源码lzw
当屏幕大于600px时，是这样
融资源码下载,vscode不能实时保存,ubuntu c 软件,tomcat项目运行,c# sqlite3库,去哪儿网反爬虫厉害吗,php 中文查找,钦州seo在哪里买,彩票网站制作平台教学,网页用的flash播放器代码,dedecms 网络公司模板lzw
我做出来用了css3的@media，如果不用这个，好吧，水平有限想不出来。。。
下面是代码：
body{margin: 0 ;padding: 0;}@media screen and (min-width: 600px){.left,.right{position: absolute;top:0;height: 50px;width: 200px;}.left{left:0;background-color: red;}.center{height: 50px;margin: 0 200px;background-color: orange;}.right{right:0;background-color: blue;}}@media screen and (max-width: 600px){.left,.right{height: 50px;width: 200px;float:left;}.left{background-color: red;}.center{width: 100%;height: 50px;float: left;background-color: orange;}.right{background-color: blue;}}
left
center
right
记一道css面试题 : 三栏布局两边宽度固定 中间宽度自适应 并且布局随屏幕大小改变。【HTML】
如果觉得《记一道css面试题 : 三栏布局两边宽度固定 中间宽度自适应 并且布局随屏幕大小改变》对你有帮助，请点赞、收藏，并留下你的观点哦！
