/*

*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

我是底部

運行結果：



總結

以上是生活随笔為你收集整理的网页 html 全图片排版,HTML5-网页排版划分的全部內容，希望文章能夠幫你解決所遇到的問題。

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