css 布局

 

单了。

　　DIV结构如下：
　　│body {}　/*这是一个HTML元素，具体我就不说明了*/
　　└#Container {}　/*页面层容器*/
　　　　　├#Header {}　/*页面头部*/
　　　　　├#PageBody {}　/*页面主体*/
　　　　　│　├#Sidebar {}　/*侧边栏*/
　　　　　│　└#MainBody {}　/*主体内容*/
　　　　　└#Footer {}　/*页面底部*/

 

 

<div id="container">[color=#aaaaaa]<!--页面层容器-->[/color]
　　<div id="Header">[color=#aaaaaa]<!--页面头部-->[/color]
　　</div>
　　<div id="PageBody">[color=#aaaaaa]<!--页面主体-->[/color]
　　　　<div id="Sidebar">[color=#aaaaaa]<!--侧边栏-->[/color]
　　　　</div>
　　　　<div id="MainBody">[color=#aaaaaa]<!--主体内容-->[/color]
　　　　</div>
　　</div>
　　<div id="Footer">[color=#aaaaaa]<!--页面底部-->[/color]
　　</div>
</div>

 

 

 

/*基本信息*/
body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;}

/*页面层容器*/
#container {width:100%}

/*页面头部*/
#Header {width:800px;margin:0 auto;height:100px;background:#FFCC99}

/*页面主体*/
#PageBody {width:800px;margin:0 auto;height:400px;background:#CCFF00}

/*页面底部*/
#Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF}