常用的DIV+CSS的基本框架結(jié)構(gòu)但不推薦都放一個(gè)div里
css樣式代碼:
程序代碼
復(fù)制代碼 代碼如下:
/*---全局樣式---*/
* { 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代碼
復(fù)制代碼 代碼如下:
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" />!-- 用于清除浮動(dòng)的元素,強(qiáng)制包含所有的子浮動(dòng) -->
div id="mainContent">
div id="sidebar">
側(cè)邊欄
/div>!--sidebar:end-->
div id="content">
主體內(nèi)容
/div>!--content:end-->
/div>!--mainContent:end-->
br class="clearfloat" />!-- 用于清除浮動(dòng)的元素,強(qiáng)制包含所有的子浮動(dòng) -->
div id="footer">
底部
/div>!--footer:end-->
/div>!--container:end-->