<!DOCTYPE html>

<html lang="zh">

<head>

  <meta charset="UTF-8">

  <meta http-equiv="x-ua-compatible" content="ie=edge">

  <title>Title</title>

  <meta name="viewport" content="width=device-width, initial-scale=1，minimum-scale=1,maximum-sacle=1，user-scalable=no">

  <style>

    .t1{

      position: fixed;

      width: %;

      top: ;

      bottom: ;

      left: ;

      right: ;

      display: flex;

      flex-flow: column;

    }

    .t2{

      flex: ;

      overflow: auto

    }

    .t3{

      flex:   600px;

      width: %;

      height: 600px;

    }

  </style>

</head>

<body>

   <div class="t1">

     <div class="t2">分所发生的法师分所发生的法师打发第三方第三方斯蒂芬斯蒂芬斯蒂芬斯蒂芬是的房顶上分所发生的法师打发第三方第三方斯蒂芬斯蒂芬斯蒂芬斯蒂芬是的房顶上打发第三方第三方斯蒂芬斯蒂芬斯蒂芬斯蒂芬是的房顶上</div>

     <div class="t3">dsadsa</div>

   </div>

</body>

</html>

设置了display:flex，子元素里面，一个固定了高度，另一个的默认就有了高度

有个要求：子元素只能俩个，如果是2个以上，就没效果

flex下部固定高，上部不固定，而且超过内容要滚动的更多相关文章

  1. 当ligerui的grid出现固定列与非固定列不在同一水平线上时，改怎么处理

    当ligerui的grid出现固定列与非固定列不在同一水平线上时,如下图所示: 此时可以增加fixedCellHeight:false属性进行解决.这个属性在IE上不起作用,那么该怎么处理,可以这样处 ...

  2. flex盒模型实现头部尾部固定

    近期做移动app.wap等站,需要头部固定在顶部,不随着内容滚动而滚动平时第一想法就是使用position:fixed;top:0;z-index:10;这样去实现但这样使用fixed之后,会在ios ...

  3. div在固定高的文字垂直居中

    <div style='display:table; height:100px;'> <div style='display:table-cell; vertical-align:  ...

  4. 不固定高宽的 div 水平垂直居中

    <div class="father"> <div id="main"></div> </div> .fathe ...

  5. 上下左右居中 无固定高的div

    <style type=“text/css”> #vc { display:table; background-color:#C2300B; width:500px; height:200 ...

  6. 会话固定攻击 - yxcms session固定漏洞

    目录 会话固定攻击 e.g. yxcms session固定攻击 分析 了解更多 会话固定攻击 Session fixation attack(会话固定攻击)是利用服务器的session不变机制,借他 ...

  7. C++产生固定范围内的固定数量的随机数

    #include<iostream> #include<ctime> #include<random> using namespace std; void knut ...

  8. 微信小程序 按钮固定在页面底部遮住页面显示内容问题

    我们分为以下部分来解决这个问题: 第一部分:问题的表现是怎么样的? 第二部分:问题的是如何实现的? 第三部分:如何解决问题? 第一部分:问题的表现是怎么样的? 我设置了页面有0-99共100个数,但是 ...

  9. layui静态表格固定td宽度,table固定td宽度

    正在做一个项目,要求数据表的列是不固定的,有可能是有10列,有可能是20列,第一列宽度要固定,然后我怎么设置都没有用, 这个问题困扰了我三天,后来终于百度到了, 这个博客: https://www.c ...

随机推荐

  1. 认证加密算法php hash_hmac和java hmacSha1的问题

    public class Test{ public static void main(String[] args) throws Exception { String postString = &qu ...

  2. springboot使用jpa+mongodb时，xxxRepository不能Autowired的问题

    springboot启动类: @SpringBootApplication public class MainApp { public static void main(String[] args) ...

  3. span i s等行内元素标签之间出现奇怪空格符号

    上述展开信息本来是这样写的,但是很奇怪windows下的测试环境支付时间前面莫名其妙多了个小方框 <p> <span><i>收货人:</i>{remar ...

  4. PHP面试（三）：面试技巧

    一.面前准备 1.注意形象——穿着得体.注意言行举止. 2.提前了解——公司情况.业务情况 3.充分准备——自我介绍.对所学知识点充分复习.重点复习自己易犯错误.充分的休息 二.注意事项 1.遵守时间 ...

  5. MacOS下安装小米SQL优化工具soar

    1 下载源码包 赋予权限 wget https://github.com/XiaoMi/soar/releases/download/0.11.0/soar.darwin-amd64 -O soar ...

  6. JQuery基本过滤器

  7. 织梦自定义表单ajax提交范例

    function add_ajaxmessage(){ var dh = document.getElementById("tel"); //表单验证 if($("#te ...

  8. icon图标制作网站推荐

    推荐链接 easyicon

  9. 关于Scroller的使用

    这篇文章讲解的很详细 https://blog.csdn.net/u011102153/article/details/53337648

  10. HttpClient和HttpURLConnection的使用和区别

    https://www.cnblogs.com/liushuibufu/p/4140913.html 功能用法对比 从功能上对比,HttpURLConnection比HttpClient库要丰富很多, ...