不同分辨率下的自适用宽度

来源：经典论坛时间：2008-11-24 12:58:00　

用div+css制作页面，想实现左右两部分固定宽度，而中间部分不固定，并随着屏幕分辨率的的变化而自动伸缩。大家可知道应该如何实现？

是不是必须使用js才能实现自适用呢？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>不同分辨率下的自适用宽度 - asp之家</title><style>body{margin:0px;padding:0px;}</style></head><body><div style="position:absolute;top:0px; left:0px;width:200px;height:300px; background:#000000;"></div><div style="height:300px; background:#ff0000; margin:0px 210px;">fff</div><div style="position:absolute;top:0px; right:0px;width:200px;height:300px; background:#0000ff;"></div></body></html>

固定左右边栏，左边栏距左0px，右边栏距离右0px。

中栏宽度自适应设置距离左右边栏宽度+间距。

标签：分辨率,自适应,布局,css

投稿

不同分辨率下的自适用宽度

猜你喜欢

2010 图标设计趋势

小议sqlserver数据库主键选取策略

去掉前面的0的sql语句（前导零，零前缀）

网页设计三剑客

asp连接SQL和Access数据代码(asp里的随机函数)

从一道js笔试题到==运算符的简析

什么是SVG(可升级矢量图形)

jQuery使用手册--核心篇(Core)

ul设置浮动后不能自适应高度

网页图片按钮的生成与美化

如何对Oracle8数据库进行维护？

ExtJS 开发总结

asp 横排显示数据

MySQL的双机热备份安装和配置

鼠标驱动图片变化

Google的YSlow——Page Speed（附插件下载)

使用IP地址来统计在线人数方法

asp 获取url函数小结

QQ影音感念亲恩皮肤，不只是大按钮这么简单

让你的空间支持域名绑定子目录的解决办法