网页 html 全图片排版,HTML5-网页排版划分

/*

*Copyright (c) 2017，烟台大学计算机学院

All rights reserved.

*文件名称：关于HTML的练习

*作 者：张晴晴

*完成日期：201711月5日

*版 本 号：v1.0 *

*问题描述：HTML5的新特性

*输入描述： 无

*程序输出： 无

*/

无标题文档

body{

height:700px;

}

header{

width:100%;

background:#093;

height:10%

}

aside{

width:20%;

background:#F90;

height:80%;

float:left

}

article{

width:80%;

background:#06F;

height:80%;

float:left

}

footer{

width:100%;

background:#F30;

height:10%;

float:left

}

我是头部

aside

article

我是底部

运行结果：