zoom=1：用来解决自适应高度时IE6的兼容问题（这个属性通不过w3c认证）；
display:inline：解决IE6双倍边距bug问题；
*：在样式名和属性中间加*，这个常用在需要垂直居中时使用；
IE6 3像素bug：在布局时采用左右都浮动的办法避免了这个问题；
另外还有一些做法也是为了解决兼容问题而写的，比如固定高度，就是因为各浏览器之间解释差异，为了使显示效果尽可能一样而采用的折中办法。总之遵循一点，css hack能少用尽量少用，这样便于以后维护。
完成这样一个布局方法有多种，本例中所讲解的方法，只是本人的观点，不一定是最好的方法，希望大家通过本本例的学习能做到举一反三，掌握更多的方法。
本侧是左宽右窄型的布局，如果想把两个调换个位置，太简单不过了，只需把#main和#side的向左向右浮动调换一下就实现，这是表格布局所不及 的。所以不管#main和#side在html代码中是谁先谁后，而让它们显示在哪里完全是css来完成的。这里建议#main的代码写在#side前 边，因为这要在页面加载的过程中会先加载main部分，用户首先看到的是主要内容，搜索引擎收录时也会先找到main部分的内容。
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
- <title>主页</title>
- <link href="http://www.aa25.cn/upload/2010-09/21/css/layout.css" rel="stylesheet" type="text/css" />
- </head>
- <body>
- <div id="container">
- <div id="header">
- <div id="logo"><img src="http://www.aa25.cn/upload/2010-09/21/images/logo.gif" alt="企业名称" width="181" height="45" /></div>
- <div id="search">
