首先你的html需要有多个板块，比如
<div class="header"></div><div class="content"></div>
<div class="footer"></div>
然后在<head></head>中引用外部css：
<link href="相对路径/文件名.css" type="text/css" rel="stylesheet"/>引用的css里控制html中div样式，分成不同板块就行了！
二种方法1、父级div设置固定宽度后加margin:0 auto然后子级div加浮动，即可实现；不过次方法不能无限伸展；
2、在table内插入div，div设置浮动，在table上设置margin:0 auto而table不要设置宽度，因为table默认是宽度最小化的，实现居中的效果会比较好，而且可以无限伸展
注：有些老是说table不好，除非是做表格，其他地方绝对不要用，其实我个人是比较喜欢用table布局的，不过重点布局还是div+css，在一些容易出错的或者必须的地方用table也是不错的选择，人人都说div+css布局，我呢可以说是div+table+css布局
