<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>header和footer</title>
<style type="text/css">
body{height:708px;}
header{width:100%;height:10%;background:green;}
footer{width:100%;height:10%;background:blue;}
#div0{width:100%;height:80%;}
#div3{width:20%;height:100%;background:red;float:left}
#div4{width:80%;height:100%;background:yellow;float:left}
</style>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>header和footer</title>
<style type="text/css">
body{height:708px;}
header{width:100%;height:10%;background:green;}
footer{width:100%;height:10%;background:blue;}
#div0{width:100%;height:80%;}
#div3{width:20%;height:100%;background:red;float:left}
#div4{width:80%;height:100%;background:yellow;float:left}
</style>
</head>
<body>
<header>我是头部</header>
<div id="div0">
<div id="div3">导航栏</div>
<div id="div4" >iframe内联框架</div>
</div>
<footer>我是底部</footer>
<body>
<header>我是头部</header>
<div id="div0">
<div id="div3">导航栏</div>
<div id="div4" >iframe内联框架</div>
</div>
<footer>我是底部</footer>
</body>
</html>