<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>人民医院网站</title>
<!-- 各标签如图所示。
所有标签相对定位，左浮动，border都为实线,1px,#6699ff。
所有标签的外边距为10px，内边距为10px。
main的宽为400px
header的宽为358px,高为16px。
nav的宽为358px,高为20px。
footer的宽为358px，高为16px。
aside的宽为100px，高为110px。
section的高为110px。
标签内的文字不为判分条件，有即可。 -->
</head>
<style type="text/css">
main,
nav,
header,
aside,
section,
footer {
position: relative;
float: left;
border: 1px solid #6699FF;
margin: 10px;
padding: 10px;
text-align: center;
}
main {
width: 400px;
}
header {
width: 358px;
height: 16px;
}
nav {
width: 358px;
height: 20px;
}
footer {
width: 358px;
height: 16px;
}
aside {
width: 100px;
height: 110px;
text-align: left;
}
section {
width: 216px;
height: 110px;
}
</style>
<body>
<main>
<header>人民医院网站</header>
<nav>首页 | 党建学习 | 医院新闻 | 通知公告 | 网上办公</nav>
<aside>
<ul>
<li>内科</li>
<li>外科</li>
<li>妇产科</li>
<li>精神科</li>
</ul>
</aside>
<section>
<ul>
<li>张医生 坐诊时间 周一</li>
<li>张医生 坐诊时间 周一</li>
<li>张医生 坐诊时间 周一</li>
<li>张医生 坐诊时间 周一</li>
</ul>
</section>
<footer>版权所有©软件公司</footer>
</main>
</body>
</html>