16. HTML布局

一: 方法:

           (1)<div>进行布局。

           (2)<table>进行布局。

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

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

 

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

<head>

<style type = "text/css">

div#container { width: 500px;}

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

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

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

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

</style>

</head>

 

 

posted @ 2013-07-22 09:20  安心种田  阅读(361)  评论(0编辑  收藏  举报