今天只是做了一点代码
<head>
<meta charset="UTF-8">
<title></title>
<style>
* {
margin: 0px;
padding: 0px;
}
.top-title{
width: 100%;
height: 114px;
background-color: white;
}
.center{
width: 1000px;
margin: 0px auto;
background-color: white;
}
.content{
width: 100%;
height: 500px;
border-top: 5px solid blue;
}
.container{
height: 500px;
background-color: #FF69B4;
}
.banner{
width: 50%;
height: 50%;
background-color: #0000FF;
}
.footer{
height: 500px;
}
.nei,.wai{
height: 500px;
background-color: brown;
border-top:10px solid darkblue;
}
.baanner{
height: 200px;
width: 200px;
position: fixed;
right: 5px;
bottom: 5px;
}
.items{
width: 100%;
height: 500px;
background-color: white;
}
.rity{
width: 100%;
height: 700px;
background-color: #7893BE
}
</style>
</head>
<body>
<!--标题-->
<div class="top-title">
<div class="center">
<img src="../img/index_01b.jpg" />
</div>
</div>
<!--导航-->
<div class="center">
<img src="../img/index_03b_01.jpg" />
</div>
<!--内容-->
<div class="content">
<div class="center">
<div class="container">
<input style="" />
<div class="banner"></div>
<div class="banner"></div>
</div>
</div>
</div>
<!--底部-->
<div class="footer">
<div class="center">
<div class="nei">
<div class="banner"></div>
<div class="banner"></div>
</div>
</div>
</div>
<!--悬浮框-->
<div class="baanner">
<img src="../img/1eimk0yolyvocm5vxwecq4iwl.jpg"/>
</div>
<!--很底部-->
<div class="items">
<div class="center">
<div class="wai">
<div class="banner"></div>
<div class="banner"></div>
</div>
</div>
</div>
</div>
<div class="rity">
<div class="center">
<div class="Z">
<div class="zr"></div>
</div>
</div>
</div>
</body>