<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml"; lang="gb2312">
<head>
<title> 大型门户型网站Div布局 </title>
<style>
#main-nav {
background: red;
height: 50px;
}
#header {
background: blue;
height: 20px;
}
#sidebar-a {
background: darkgreen;
}
#content {
background: green;
height: 200px;
}
#footer {
background: orange;
height: 66px;
}
</style>
</head>
<body>
<div id="page-container">
<div id="main-nav" style="width: 1327px; height: 30px">
<p align="left"><a href="http://www.baidu.com/">首页</a></p>
</div>
<div id="header" style="width: 1327px; height: 33px">Header</div>
<div id="sidebar-a">Sidebar A</div>
<table width="1327">
<tr>
<td><div id="content" style="width: 713px; height: 200px">Content</div> </td>
<td width="603"><div id="footer" style="width: 603px; height: 197px">Footer</div></td>
</tr>
</table>
</div>
</body>
</html>
div+css
最新推荐文章于 2024-07-23 10:00:17 发布