html5 header布局,html5-新布局元素header，footer(示例代码)

简介这篇文章主要介绍了html5-新布局元素header，footer(示例代码)以及相关的经验技巧，文章约1393字，浏览量435，点赞数5，值得参考！

header/footer

body{height: 708px}

header{background: red;width: 100%;height: 10%}

footer{background: red;width: 100%;height: 10%}

#div0{width: 100%;height: 80%}

#div1{width: 20%;height: 100%;float: left;background: #f0f0f0}

#div2{width: 80%;height: 100%;float: left;background: #f8f8f8}

头部

侧边

主体

底部