zoukankan html css js c++ java

一种常见的布局，抄的网易前端框架里面的，不得不说看一些符合国情的框架要远远比看一些外国的提升要快的多，毕竟这个是工作中用的到的而不是理论哈桑用得到的

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>test</title>
<style type="text/css">
*{ margin:0; padding:0;}
html,body{ height:100%;}
.wrap{ min-height:100%; _height:100%; background:#063;}
.con{ padding-bottom:60px; line-height:30px; font-size:13px; color:#fff; text-align:center;}
.foot{ height:60px; background:red; position:relative; margin-top:-60px; line-height:60px; font-size:13px; color:#FFF; text-align:center;}
</style>
</head>
<body>
<div class="wrap">
<div class="con">
<p>11111111111</p><p>222222222222</p><p>3333333333333</p><p>44444444444444</p><p>5555555555555555</p><p>6666666666666666</p>
<p>11111111111</p><p>222222222222</p><p>3333333333333</p><p>44444444444444</p><p>5555555555555555</p><p>6666666666666666</p>
<p>11111111111</p><p>222222222222</p><p>3333333333333</p><p>44444444444444</p><p>5555555555555555</p><p>此处文字</p>
</div>
</div>
<div class="foot">上面的文字少了它处于显示器的最下面，而上面的文字多了，它处于滚动条的最下面</div>
</body>
</html>

查看全文

相关阅读:
js 几个特殊情况
 Oracle 常用操作
 SqlServer性能检测和优化工具使用详细
 Fiddler
JMeter性能测试，完整入门篇
 asp.net缓存
 Quartz.net开源作业调度框架使用详解
 SQL 存储过程
 .net 分布式锁
 全国省市区数据库

原文地址：https://www.cnblogs.com/busicu/p/3859748.html