<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>布局</title>
<style type="text/css">
body{
margin:0px;
}
div#container{
width:100%;
height:950px;
background-color:darkgray;
}
div#heading{
width:100%;
height:10%;
background-color:aqua;
}
div#content_menu{
width:30%;
height:80%;
background-color:red;
float:left;
}
div#content_body{
width:70%;
height:80%;
background-color:blue;
float:left;
}
div#footing{
width:100%;
height:10%;
background-color:black;
clear:both;
}
</style>
</head>
<body>
<div id="container">
<div id="heading">头部</div>
<div id="content_menu">菜单</div>
<div id="content_body">正文</div>
<div id="footing">底部</div>
</div>
</body>
</html>
相关推荐
自己写的div布局测试页面，希望与大家多多分享。谢谢
CSS DIV CSS+DIV布局实例 精通CSS+DIV布局
Apache服务器配置大全及DIV布局.zip
Ext.Window 通过DIV布局，通过DIV填充window内容，带Ext所需文件。
主要用于div的布局，通过可视化的拖动层，可以更方便的进行网页的布局
CSS+DIV布局案例CSS+DIV布局案例CSS+DIV布局案例CSS+DIV布局案例
DIV布局十大技巧以及div盒子模型效果图!很容易的，一看就能明白！
html div布局 一行三列布局(吊顶).html 一行三列布局.html 有css images
全部采用css+div设计的网页，共有100个，风格各不相同，涉及到了各种布局方式，稍加修改就可以在实际开发中应用，值得研究和学习
css+div布局练习css+div布局练习css+div布局练习css+div布局练习
div布局关键步骤截图
这个布局，对大部份高手来说，可能不算什么，可是对新手应该有一定的帮助吧！！
Div CSS网站布局视频教程第10课_理解CSS定位与div布局
几十套CSS+DIV的精美布局模板。 如果不够，还可以找我。因为上传限制，只上传了一部分。
CSS+div 布局 CSS+div 布局 CSS+div 布局 CSS+div 布局 CSS+div 布局 CSS+div 布局 CSS+div 布局
CSS + DIV 布局控制 菜单CSS + DIV 布局控制 菜单CSS + DIV 布局控制 菜单CSS + DIV 布局控制 菜单CSS + DIV 布局控制 菜单
css 浏览器兼容性div 布局 收集了大量css浏览器兼容性代码
几种公司常用布局，大家下载下来看看，学习学习，看看
老师那里弄得 很实用 对学习很有帮助 看看吧