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>

查看全文

相关阅读:
对MVC模式与MVVM模式的认识
 优雅降级和渐进增强
 入园第一天
 看看AQS阻塞队列和条件队列
 简单看看LockSupport和AQS
简单看看LongAccumulator
JUC中的原子操作类及其原理
 java并发基础知识
 简单看看es6解构赋值
 简单使用vue-cli

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