<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
<script>
document。createElement("header");
document.createElement("article");
document.createElement("aside");
document.createElement("section");
document.createElement("footer");
</script>
<style>
body{margin:0;}
header{height: 100px; background: #9F3; display: block;}
article{padding:10px; background: #CF6; overflow: hidden; zoom:1; position: relative; display: block;}
section{margin-left:210px; background:#F90; height:300px; width: 800px; position: absolute; left: 10px;top: 10px; display: block;}
aside{width:200px; height:300px; background: #F90; height:300px; display: block;}
footer{height:100px; background: #C6C; display: block;}
</style>
</head>
<body>
<header>页面头部部分</header>
<article>
<aside>侧边栏</aside>
<section>内容区域</section>
</article>
<footer>内容部分</footer>
</body>
</html>

兼容ie 6 7 8

最新文章

  1. 练习题(登陆-进度条-微信接口判断qq-微信接口判断列车时刻表-)
  2. cocos IDE 编译lua 游戏程序的环境配置
  3. 3DTouch开发 (基础)
  4. 最简单的ioc容器代码(低仿Spring )
  5. CCJ PRML Study Note - Chapter 1.6 : Information Theory
  6. python 基础知识(一)
  7. SqlServer表中两条全然同样的记录,怎样删除当中1条
  8. java设计模式---享元模式
  9. Struts2 设置--Myelipse
  10. 201521123033《Java程序设计》第1周学习总结
  11. oss web直传
  12. RabbitMQ跟Redis做消息队列的区别
  13. JVM ——知识总结(面试)
  14. win7防火墙端口开放
  15. 【Java】 剑指offer(66) 构建乘积数组
  16. Docker处理日志的方法&amp;日志收集工具比较
  17. Leet Code -- Unique BST
  18. SSM项目之电商项目easymall(一)
  19. HDU 4578 Transformation (线段树)
  20. VisualGDB系列10:快速调试Linux应用程序

热门文章

  1. Ubuntu14.04下配置固定IP
  2. 【C#】【Thread】Barrier任务并行
  3. maven 项目启动tomcat报错 java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListener
  4. 基本排序(二)插入排序(直接插入、Shell、折半)
  5. Windows phone应用开发[22]-再谈下拉刷新
  6. 方法构造和方法重载之奥特曼与大boss之战
  7. AsyncTask的初步了解
  8. 利用phpize 外挂php扩展
  9. bzoj 3295 动态逆序对 CDQ分支
  10. ResourceManager里面Trackingui需要手动该ip