<style type="text/css">
/*<![CDATA[*/
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
text-align: center;
font: 12px/1.4 Verdana, sans-serif;
}
#wrapper {
width: 100%;
min-height: 100%;
background: #ccc;
margin: auto;
text-align: left;
}
* html #wrapper {
height: 100%;
}
#header {
background: Green;
height: 40px;
}
#out-content {
padding-bottom: 50px;
}
#out-content:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}
* html #out-content {
height: 1%;
}
#sidebar {
float: left;
background: Gray;
margin-right: -200px;
width:200px;
}
#content-box {
float: right;
width: 100%;
background: Olive;
}
#content {
margin-left: 200px;
}
#footer {
height: 50px;
background: Background;
margin: -50px auto 0;
}
/*]]>*/
</style>
<body>
<div id="wrapper">
<div id="header">
<h3>header</h3>
</div>
<div id="out-content">
<div id="content-box">
<div id="content">
<h3>content</h3>
</div>
</div>
<div id="sidebar">
<h3>sidebar</h3>
</div>
</div>
</div>
<div id="footer">
<h3>footer</h3>
</div>
</body>
分享到:
相关推荐
新手入门范例--LED灯 .pdf新手入门范例--LED灯 .pdf新手入门范例--LED灯 .pdf新手入门范例--LED灯 .pdf
软件开发文档范例-概要设计说明书.zip程序开发文档软件开发文技术档下载软件开发文档范例-概要设计说明书.zip程序开发文档软件开发文技术档下载软件开发文档范例-概要设计说明书.zip程序开发文档软件开发文技术档...
软件开发文档范例-详细设计说明书.zip程序开发文档软件开发文技术档下载软件开发文档范例-详细设计说明书.zip程序开发文档软件开发文技术档下载软件开发文档范例-详细设计说明书.zip程序开发文档软件开发文技术档...
AVR使用范例--AVR外部中断范例.doc
华为软件编程规范和范例-点评华为软件编程规范和范例-点评华为软件编程规范和范例-点评
商业计划书范例-----某网站商业计划书
商业计划书范例-----某网站商业计划书
。。。。。。。Filter使用范例--登陆验证
创业计划书-商业计划书范例-----某网站商业计划书
DotNet技术经典范例-每项技术一个好范例,是微软原版csdn上的范例打包,非常好用 分三个包,可单包下载,推荐下载全了使用。
DotNet技术经典范例-每项技术一个好范例,是微软原版csdn上的范例打包,非常好用 分三个包,可单包下载,推荐下载全了使用。
DotNet技术经典范例-每项技术一个好范例,是微软原版csdn上的范例打包,非常好用 分三个包,可单包下载,推荐下载全了使用。
商业实施计划书范例-----某网站商业实施计划书.doc
网络安全管理办法范例---制度大全.docx
英文陆空对话范例--飞行员必备.doc
JAVA代码注释范例 - 基础知识 - 周老师科研站, JAVA代码注释范例 - 基础知识 - 周老师科研站
商业计划书范例---某网站商业计划书.doc
[案例]商业计划书范例-----某网站商业计划书[策划&调研].doc