360导航板式 

<!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=utf-8" />
<title>360板式</title>
<style type="text/css">
.a
{
    border:1px solid #000;
    width:1100px;
    height:100px;
    margin:10px;
    left:100px;
    right:100px; 
    position:absolute;
}

.b
{
    border: 1px solid #000;
    width: 1100px;
    height: 50px;
    top: 110px;
    position: absolute;
    left: 0px;
    
    }
.c
{
    border: 1px solid #000;
    width: 300px;
    height: 400px;
    top: 60px;
    position: absolute;
    left: 0px;
    
    }
.d
{
    border: 1px solid #000;
    width: 790px;
    height: 600px;
    margin: 10px;
    left: 300px;
    position: absolute;
    top: -9px;
}
.e
{
    border:1px solid #000;
    width: 300px;
    height: 120px;
    left:0px;
    position: absolute;
    top: 410px;
}
.f
{
    border: 1px solid #000;
    width: 300px;
    height: 1000px;
    left: -2px;
    top: 132px;
    position: absolute;
}
.g
{
    border: 1px solid #000;
    width: 790px;
    height: 500px;
    left: 311px;
    position: absolute;
    top: 69px;
}
.h
{
    border: 1px solid #000;
    width: 790px;
    height: 420px;
    left: 0px;
    position: absolute;
    top: 510px;
}

    </style>
</head>

<body>
<div  class="a"><div  class="b"><div  class="c"><div class="e"><div class="f">
  <div class="g"><div class="h"></div></div></div></div><div class="d"></div></div></div></div>

</body>
</html>

 

posted on 2016-03-25 10:46  念旧小男人  阅读(122)  评论(0)    收藏  举报