常用的DIV+CSS的基本架構結構但不推薦都放一個div裡

常用的DIV+CSS的基本架構結構但不推薦都放一個div裡
css樣式代碼：
程式碼 複製代碼 代碼如下:/*---全域樣式---*/
* { 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 {}

html代碼 複製代碼 代碼如下:<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-->