html5 div 简单布局
2016-04-06 19:44
429 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html5 div 布局</title> <style> body{ margin: 0px; padding: 0px; } div#container{ width: 100%; height:600px; background-color: #777777; } div#header{ width: 100%; height: 10%; background-color: #0000FF; } div#content_menu{ height: 80%; width: 30%; background-color: #0E2D5F; float: left; } div#content_body{ width: 70%; height: 80%; float: left; background-color: #0092DC; } div#footer{ width: 100%; height: 10%; background-color: #575765; clear: both;/**清除浮动*/ } </style> </head> <body> <div id="container"> <div id="header">头部</div> <div id="content_menu">内容菜单</div> <div id="content_body">内容主题</div> <div id="footer">底部</div> </div> </body> </html>
相关文章推荐
- Google Web Designer(HTML5网页可视化设计)
- html5 列表
- html5 表格
- SignalR在线聊天
- html5.超链接标签,图片标签
- Qunee for HTML5 V2.5新版本发布
- Qunee for HTML5 V2.5新版本发布
- HTML5 Audio/Video 标签,属性,方法,事件汇总
- HTML5与CSS3
- h5-10 canvas 简易祖玛
- h5-9 canvas
- h5-8 canvas
- h5-7 canvas
- h5-6 canvas
- h5-5 canvas
- h5-4 canvas
- h5-3
- HTML4 和 HTML5 的10个关键区别
- H5 localStorge
- HTML5 文件操作API