background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
#nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px; 
}
#section {
    width:350px;
    float:left;
    padding:10px; 
}
#footer {
    background-color:black;
    color:white;
    clear:both;
    text-align:center;
    padding:5px; 
}

HTML 布局方法

要想让你的网站更好看，布局非常重要.要非常细心的设计你网页布局，本篇文章重点为大家讲解一下HTML 布局

使用

元素的 HTML 布局

注释：

元素常用作布局工具，因为能够轻松地通过 CSS 对其进行定位。

这个例子使用了四个

元素来创建多列布局：

实例

"header">
City Gallery


"nav">
London

Paris

Tokyo


"section">
London

London is the capital city of England. It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.


Standing on the River Thames, London has been a major settlement for two millennia,
its history going back to its founding by the Romans, who named it Londinium.



"footer">
Copyright W3School.com.cn

CSS：

使用 HTML5 的网站布局

HTML5 提供的新语义元素定义了网页的不同部分：

HTML5 语义元素

这个例子使用