16. HTML布局

一: 方法:

           (1)<div>进行布局。

           (2)<table>进行布局。

     注意: (1)可以通过创建多列进行布局。

              (2)表格不是布局工具, 尽量不使用表格来进行布局。

二:  实例, 创建多列来进行布局。

<head>

<style type = "text/css">

div#container { 500px;}

div#header {background-color: #99bbbb;}

div#menu { 100px; height: 200px; float: left; background-color: #ffff99;}

div#content { 400px; height: 200px; float: left; background-color: #eeeeee;}

div#footer {background-color: #99bbbbbb; text-align: center; clear: both;}

</style>

</head>

原文地址:https://www.cnblogs.com/gavinwu/p/3204688.html