把下面的代码存成一个文件,看看:
<!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>
<style type="text/css">
body,div{margin:0;}
.top{position: fixed;top:0;left:0;width:100%;height:50px;background-color:#f00;}
.left{position: fixed;top:50px;left:20px;width:180px;}
.main{margin-left:200px;background:#0f0;}
</style>
</head>
<body>
<div class="top">这里占个位置先</div>
<div class="left">我就<br />不动<br />地方<br />你能<br />怎么<br />着?</div>
<div class="main">
你<br /><br /><br /><br />就<br /><br /><br /><br />
使<br /><br /><br /><br />劲<br /><br /><br /><br />
儿<br /><br /><br /><br />往<br /><br /><br /><br />
下<br /><br /><br /><br />拉<br /><br /><br /><br />
吧<br /><br /><br /><br />!<br /><br /><br /><br />
你<br /><br /><br /><br />就<br /><br /><br /><br />
使<br /><br /><br /><br />劲<br /><br /><br /><br />
儿<br /><br /><br /><br />往<br /><br /><br /><br />
下<br /><br /><br /><br />拉<br /><br /><br /><br />
吧<br /><br /><br /><br />!<br /><br /><br /><br />
你<br /><br /><br /><br />就<br /><br /><br /><br />
使<br /><br /><br /><br />劲<br /><br /><br /><br />
儿<br /><br /><br /><br />往<br /><br /><br /><br />
下<br /><br /><br /><br />拉<br /><br /><br /><br />
吧<br /><br /><br /><br />!<br /><br /><br /><br />
</div>
</body>
</html>
丁学
|
专家六级
|园豆:18730
|
2008-05-16 19:56