常用的DIV+CSS的基本框架结构但不推荐都放一个div里
发布时间:2016-12-29 来源:查字典编辑
摘要:常用的DIV+CSS的基本框架结构但不推荐都放一个div里css样式代码:程序代码复制代码代码如下:/*---全局样式---*/*{marg...
常用的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代码
复制代码 代码如下:
<divid="container">
<>
<divid="header">
<divid="header_left">header_left</div>
<divid="header_right">header_right</div>
</div><>
<brclass="clearfloat"/><>
<divid="mainContent">
<divid="sidebar">
侧边栏
</div><>
<divid="content">
主体内容
</div><>
</div><>
<brclass="clearfloat"/><>
<divid="footer">
底部
</div><>
</div><>