<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style type="text/css">
</style>
</head>
<body>
<div style="float: right;" >
<img src="img/QQ截图20181031200008.png" >
</div>
<div style="height: 50px; background-color: white;width: 100%;">
<img src="img/QQ截图20181031195907.png" >
</div>
<div style="height: 20px; background-color: red;width: 10%;float: left;" >小胖</div>
<div style="height: 20px; background-color: aqua;width: 30%;float: left;">小胖</div>
<div style="height: 20px; background-color: chocolate;width: 30%;float: left;" >小胖</div>
<div style="height: 20px; background-color: aqua;width: 10%;float: left;">小胖</div>
<div style="height: 20px; background-color: darkblue;width: 20%;float: left;">小胖</div>
<div style="height: 300px; background-color: fuchsia;width: 100%;background: url(img/u=2057648350,679364698&fm=26&gp=0.jpg)no-repeat;background-size:1000px ;">
<img src="img/QQ截图20181031193741.png"style="position:relative; top:80px;" >
<img src="img/QQ截图20181031203250.png" style="position:relative; top:150px;right: -500px;">
</div>
<div style="height: 100px; background-color: red;width: 30%;float: left;" >小胖</div>
<div style="height: 100px; background-color: aqua;width: 30%;float: left;">小胖</div>
<div style="height: 100px; background-color: chocolate;width: 30%;float: left;" >小胖</div>
<div style="height: 100px; background-color: aqua;width: 10%;float: left;">小胖</div>
<div style="height: 50px; background-color: white;width: 100%;float: left;" >小胖</div>
<div style="height: 100px; background-color: red;width: 20%;float: left;" >小胖</div>
<div style="height: 100px; background-color: aqua;width: 50%;float: left;">小胖</div>
<div style="height: 100px; background-color: chocolate;width: 30%;float: left;" >小胖</div>
</body>
</html>
显示结果
QQ截图20181031205654.png
