body, html{ margin:0px; padding:0px; text-align:center; background:#e9fbff;}整体页面布局
#container{ position: relative; margin: 0 auto; padding:0px; width:700px; text-align: left; background:url(container_bg.jpg) repeat-y;}
页面容器，所有布局块都在此容器块内
div#header {background-color:#99bbbb;text-align:center;} 定义标题
#links ul li{ text-align:center; width:100px; display:block; float:left;}
超链接标题列表
float属性表示 所有列表左对齐
#content p, #content h4{ padding-left:20px; padding-right:15px;} 主题内容
#footer{ clear:both; font-size:12px; width:100%; padding:3px 0px 3px 0px; text-align:center; margin:0px;background-color:#b0cfff;} 页足
<div>
<div style="float:left">aaaaaaaaaaaaaa</div>
<div style="float:left">bbbbbbbbbbbbbb</div>
以上这两个div就是在同一行横向排列。
如在其后面加上<div style="clear:both"></div>，则以下的层就继续垂直排列了
<div>这个层就垂直排列了</div>
<div>这个层就垂直排列了</div>
</div>