121212 

<!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> 左侧固定css版本 </title>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
  <meta name="author" content=""/>
  <meta name="keywords" content=""/>
  <meta name="description" content=""/>
  <style type="text/css">
        *{margin:0;padding:0;}
        .content {border-left:1px solid #CCC;margin-left:200px;height:auto !important;min-height:1000px;height:1000px;padding:20px;}
        .menu {position:fixed;left:0;top:0;width:200px;background:#DDD;padding:20px 0;}
        .menu ul {text-align:center;line-height:200%;}
        .menu ul a {color:#0099FF;}
  </style>
  <!--[if IE 6]>
  <style type="text/css">
        html{overflow:hidden;}
        body{height:100%;overflow:auto;}
        .menu{position:absolute;}
  </style>
  <![endif]-->
</head>

<body>
        <div id="" class="wrap">
                <div id="" class="content">
                        内容
                        内容
                        内容
                        <br /><br />
                        内容
                        内容
                        内容
                        <br /><br />
                        内容
                        内容
                        内容
                        <br /><br />
                        内容
                        内容
                        内容
                        <br /><br />
                        内容
                        内容
                        内容
                        <br /><br />
                        内容
                        内容
                        内容
                        <br /><br />
                        内容
                        内容
                        内容
                        <br /><br />
                        内容
                        内容
                        内容
                        <br /><br />
                        内容
                        内容
                        内容
                        <br /><br />
                </div>
                <div id="" class="menu">
                        <ul>
                                <li><a href="">链接一</a></li>
                                <li><a href="">链接一</a></li>
                                <li><a href="">链接一</a></li>
                                <li><a href="">链接一</a></li>
                        </ul>
                </div>
        </div>
</body>
</html>

 

posted @ 2013-09-23 09:40  cndmad  阅读(523)  评论(0)    收藏  举报