/*---全局样式---*/  * { 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-->