常用的DIV+CSS的基本框架結(jié)構(gòu)但不推薦都放一個(gè)div里
更新時(shí)間：2007年09月11日 21:14:31 作者：
常用的DIV+CSS的基本框架結(jié)構(gòu)但不推薦都放一個(gè)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" /><!-- 用于清除浮動(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-->
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-->
相關(guān)文章
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全詳解
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全詳解...2007-08-08
今天有個(gè)學(xué)生問(wèn)我：頁(yè)面中使用GIF格式，失真太大，怎么辦呢？這個(gè)問(wèn)題比較簡(jiǎn)單啊，只要用JPG就可以了。我們常用的頁(yè)面的圖片格式有三種，GIF、JPG、PNG。那么這三種格式我們?cè)趺催x擇使用呢？下面就我的一些經(jīng)驗(yàn)來(lái)談?wù)勎覍?duì)于這三個(gè)格式的使用上的一些看法。2008-06-06
固定表格的高度超過(guò)指定高度就隱藏的方法...2007-10-10
2008-01-01
前端html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂(lè)代碼
?生日送什么禮物總是要花一番心思，別出心裁不落俗套，什么禮物才能讓那一個(gè)她開(kāi)心呢？來(lái)看看前端大大用html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂(lè)代碼吧，親測(cè)可用。2023-01-01
css多行多列的實(shí)現(xiàn)一般要注意a的浮動(dòng).需要注意的:li的清除浮動(dòng)2008-05-05
css濾鏡實(shí)現(xiàn)頁(yè)面灰色黑白色效果代碼
為方便站點(diǎn)哀悼，特提供素裝代碼，以表哀悼。以下為全站CSS代碼。2008-05-05
多瀏覽器css兼容分析小結(jié)...2007-11-11
我們?cè)谧霰韱蔚那闆r下，input、textarea、button的樣式比較容易定義，select和input file的樣式難以定義。2008-11-11
Internet Explorer 8 beta 中文版與IE7共存的解決方法
今天安裝了IE8，去微軟網(wǎng)站下載的時(shí)候發(fā)現(xiàn)已經(jīng)提供中文版的beta了，哈哈 發(fā)現(xiàn)IE8沒(méi)有傳說(shuō)中的那么妖魔化，不錯(cuò)的瀏覽器，新增功能不錯(cuò)。2008-05-05