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