常用的DIV+CSS的基本框架结构但不推荐都放一个div里

网络编程 2024/12/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

常用的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>
    <br class="clearfloat" />
    <div id="mainContent">
        <div id="sidebar">
        侧边栏
        </div>
        <div id="content">
        主体内容
        </div>
    </div>
    <br class="clearfloat" />
    <div id="footer">
    底部
    </div>
</div>

标签：