<html>
<head>
<meta charset="utf-8"/>
<title>H5之简易界面布局</title>
</head>
<style type="text/css">
#head{
width:1350px;
height:50px;
background-color: gold;
}
#menu{
width:50px;
height:500px;
background-color: gainsboro;
float:left
}
#body{
width:1350px;
height:500px;
background-color:burlywood;
}
#footer{
width:1350px;
height:50px;
background-color: greenyellow;
}
</style>
<body>
<div id="head">
顶部
</div>
<div id="menu">
菜单
</div>
<div id="body">
主体
</div>
<div id="footer">
底部
</div>
</body>
</html>
相关文章：