有狐：
目前我只能写出这样子的,还是用了absolute,但是需求应该实现了.
[阅读: 499] 2007-06-25 09:33:51
<!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>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
position: absolute;
left:0px;
right:0px;
margin:0;
padding:0;
}
#header {
height: 50px;
position:absolute;
border: 2px solid black;
background-color: yellow;
left:0px;
right:0px;
}
#left {
border: 2px solid blue;
background-color: red;
width: 200px;
position:absolute;
left:0px;
top:54px;
bottom:54px;
}
#right {
border: 2px solid red;
background-color: blue;
margin-left:204px;
border-top-width:56px;
}
#footer {
clear: both;
height: 50px;
border: 2px solid yellow;
background-color: green;
}
* html #right {
margin-left: 200px;
}
</style>
</head>
<body>
<div id="header">HEADER</div>
<div id="left">LEFT LEFT LEFT LEFT LEFT LEFT LEFT LEFT LEFT LEFT LEFT</div>
<div id="right">
RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT <br />
RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT <br />
RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT <br />
RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT <br />
RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT <br />
RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT <br />
RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT <br />
RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT RIGHT <br />
</div>
<div id="footer">FOOTER</div>
</body>
</html>
| -ICP -IDC -ISP |