html5語義化標簽布局兼容性調整

header, section, footer, aside, nav, main, article, figure {

display: block;

}

body{margin: 0px;

padding : 0px;

text-align:center;}

header{height: 200px;

background-color: white;}

article{height: 500px;

background-color: #eee;

}

aside{width: 30%;height: 500px;background-color: green;float:left;}

section{width: 60%;height: 500px;background-color:red;float: right;}

footer{height: 200px;

background-color: #000;}

address{font-style:normal;}

頭部

左側

右側

版權所有

一鍵復制

編輯

Web IDE

原始數據

按行查看

歷史

總結

以上是生活随笔為你收集整理的html5语义化布局分割代码,HTML5语义化标签布局的兼容性.html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。