h5-语义化标签的兼容性问题
1.html代码 1 <header>头</header> 2 <nav>导航栏</nav> 3 <main> 4 <article>左</article> 5 <aside>右</aside> 6 </main> 7 <footer>底部</footer> 2.基本效果图:浏览器怎么改变大小,基本的排版都不会改变 3.css基本的排版,样式 1 <style> 2 *{ 3 margin: 0; 4 padding: 0; 5 } 6 header{ 7 width: 100%; 8 height: 100px; 9 background-color: red; 10 } 11 nav{ 12 width: 100%; 13 height: 30px; 14 background-color: green; 15 } 16 main{ 17 display: block; 18 width: 100%; 19 height: 500px; 20 background-color: chocolate; 21 } 22 main > article{ 23 display: block; 24 width: 80%; 25 height: 100%; 26 background-color: darkblue; 27 float: left; 28 } 29 main >