[阅读: 494] 2007-06-24 12:22:21
用DIV和CSS定义层如何让层的宽度自适应屏幕分辨率？
如何做两个并列的层
一个层的宽度是固定的，另一个是剩余的宽度
比如左边的一个层的宽度是固定200，另一个自适应，把剩余屏幕充满？
2007-3-4 23:24 hater
搞定，谢谢楼下的兄弟
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
#LDiv{
width:300px; /*设定层的宽度*/
margin:-3px; /*去除白缝*/
height:240px; /*设定高度*/
background:#FF0000;
float:left;
}
#RDiv{
width:auto; /*设定层的宽度*/
margin:0 auto;
height:240px; /*设定高度*/
background:#FFFF00;
}
</style>
</head>
<body>
<div id="LDiv">
</div>
<div id="RDiv">
</div>
</body>
</html>
[/code]
[[i] 本帖最后由 hater 于 2007-3-5 13:40 编辑 [/i]]
2007-3-5 01:24 aoao
你的方法IE会有3px的bug..
可以通过hack 给margin加点负值解决。。* html #LDiv{margin-right:-3px;}
我的方式是
[url]http://lab.loaoao.com/demo/layout/fixedsidebar/[/url]
因为我的侧栏习惯换在右边，又不想侧栏的内容先出现。
| -ICP -IDC -ISP |