html5语义化布局分割代码,HTML5语义化标签布局的兼容性.html
生活随笔
收集整理的這篇文章主要介紹了
html5语义化布局分割代码,HTML5语义化标签布局的兼容性.html
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
html5語義化標(biāo)簽布局兼容性調(diào)整
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;}
頭部
左側(cè)
右側(cè)
版權(quán)所有一鍵復(fù)制
編輯
Web IDE
原始數(shù)據(jù)
按行查看
歷史
總結(jié)
以上是生活随笔為你收集整理的html5语义化布局分割代码,HTML5语义化标签布局的兼容性.html的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android 手动 打包,androi
- 下一篇: layui tab选项卡外部html页面