html5-新布局元素header，footer

最新推荐文章于 2021-06-20 21:08:55 发布

weixin_33749131

最新推荐文章于 2021-06-20 21:08:55 发布

阅读量203

点赞数

原文链接：http://www.cnblogs.com/houweidong/p/7508223.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>header/footer</title>
   <style type="text/css">
       body{height: 708px}
       header{background: red;width: 100%;height: 10%}
       footer{background: red;width: 100%;height: 10%}
       #div0{width: 100%;height: 80%}
       #div1{width: 20%;height: 100%;float: left;background: #f0f0f0}
       #div2{width: 80%;height: 100%;float: left;background: #f8f8f8}
   </style>
</head>
<body>
   
<header>头部</header>
<div id="div0">
<div id="div1">侧边</div>
<div id="div2">主体</div>
</div>
<footer>底部</footer>
</body>
</html>