又一次作战~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>Document</title>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<style type="text/css">
body{margin: 0;}
header{width: 100%;height: 50px;background: blue;}
aside{width: 20%;height: 540px;background: red;float: left;}
section{width: 80%;height: 540px;background: rgb(22,22,22);float: left;overflow: auto;}
footer{width: 100%;height: 50px;background: rgb(44,44,44);clear: left;}
</style>
</head>
<body>
<header>
这是一个手机实例
</header>
<aside>
</aside>
<section>
<figure>
<img src="Koala.jpg" alt="" width="45%"/>
<img src="Koala.jpg" alt="" width="45%"/>
</figure>
<figcaption>我的世界</figcaption>
</section>
<footer>
这是底部文件
</footer>
</body>
</html>
感谢看完，可以点个赞~请作者喝杯咖啡~ヾ(◍°∇°◍)ﾉﾞ❤