360导航布局

样式表  

@charset "utf-8";
/* CSS Document */
.a1
{
1045px;
height:2000px;
border:2px solid blue;
text-align:center;
top:50px;
left:150px;
position:absolute;}
.a2
{
1015px;
height:120px;
border:2px solid blue;
top:60px;
right:165px;
position:fixed;}
.a3
{
1015px;
height:75px;
border:2px solid blue;
top:140px;
right:15px;
position:absolute;}
.a4
{
250px;
height:150px;
border:2px solid blue;
top:226px;
left:11px;
position:absolute;}
.a5
{
750px;
height:290px;
border:2px solid blue;
top:226px;
right:15px;
position:absolute;}
.a6
{
250px;
height:300px;
border:2px solid blue;
top:390px;
left:11px;
position:absolute;}
.a7
{
750px;
height:216px;
border:2px solid blue;
top:530px;
right:15px;
position:absolute;}
.a8
{
250px;
height:1030px;
border:2px solid blue;
bottom:259px;
left:11px;
position:absolute;}
.a9
{
750px;
height:800px;
border:2px solid blue;
bottom:433px;
right:15px;
position:absolute;}
.a10
{
750px;
height:160px;
border:2px solid blue;
bottom:259px;
right:15px;
position:absolute;}
.a11
{
1015px;
height:235px;
border:2px solid blue;
bottom:10px;
left:11px;
position:absolute;}
.a12
{
338px;
height:235px;
border:1px solid blue;
bottom:0px;
left:0px;
position:absolute;}
.a13
{
339px;
height:235px;
border:1px solid blue;
bottom:0px;
left:674px;
position:absolute;}

html

<!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>
<link href="360yangshibiao.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="a1">
<div class="a2"></div>
<div class="a3"></div>
<div class="a4"></div>
<div class="a5"></div>
<div class="a6"></div>
<div class="a7"></div>
<div class="a8"></div>
<div class="a9"></div>
<div class="a10"></div>
<div class="a11"><div class="a12"></div><div class="a13"></div>
</div>
</div>
</body>
</html>

原文地址:https://www.cnblogs.com/20gg-com/p/5792106.html