常用的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–>