常用的DIV+CSS的基本框架结构但不推荐都放一个div里

　　/*---全局样式---*/

　　* { margin:0px; padding:0px;}

　　body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;background:#fff;}

　　/*---主体样式---*/

　　#container {}

　　.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

　　/*---顶部样式---*/

　　#header {}

　　/*---中间样式---*/

　　#mainContent {}

　　#sidebar {}

　　#content{}

　　/*--底部样式---*/

　　#footer {}

　　<div id="container">

　　<!--头部样式-->

　　<div id="header">

　　<div id="header_left">header_left</div>

　　<div id="header_right">header_right</div>

　　</div><!--header:end-->

　　<br class="clearfloat" /><!-- 用于清除浮动的元素，强制包含所有的子浮动 -->

　　<div id="mainContent">

　　<div id="sidebar">

　　侧边栏

　　</div><!--sidebar:end-->

　　<div id="content">

　　主体内容

　　</div><!--content:end-->

　　</div><!--mainContent:end-->

　　<br class="clearfloat" /><!-- 用于清除浮动的元素，强制包含所有的子浮动 -->

　　<div id="footer">

　　底部

　　</div><!--footer:end-->

　　</div><!--container:end-->