1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script src="js/html5shiv.js"></script>《直接加入script引用js文件来解决html5的兼容问题》 7 <!--<script> 8 document.createElement("header");《通过添加script给header和section以及footer来解决他们各自在ie6里面不支持宽和高的情况》 9 document.createElement("section"); 10 document.createElement("footer"); 11 </script>--> 12 <style> 13 header{ 14 width: 200px; 15 height: 200px; 16 display: block;《通过加入block样式来解决不兼容问题造成的不支持宽和高》 17 background-color: red; 18 } 19 section{ 20 width: 150px; 21 height: 150px; 22 display: block; 23 background-color: yellow; 24 } 25 footer{ 26 width: 100px; 27 height: 100px; 28 display: block; 29 background-color: blue; 30 } 31 </style> 32 </head> 33 <body> 34 <header>header</header> 35 <section>section</section> 36 <footer>footer</footer> 37 </body> 38 </html>