页面源码:

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

        <link href="css/demo.css" rel="stylesheet" type="text/css" />

        <script src="scripts/boot.js" type="text/javascript"></script>

        <link href="scripts/miniui/themes/blue/skin.css" rel="stylesheet" type="text/css" />

        <link href="utf8-jsp/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">

        <script type="text/javascript" src="utf8-jsp/third-party/jquery.min.js"></script>

        <script type="text/javascript" charset="utf-8" src="utf8-jsp/umeditor.config.js"></script>

        <script type="text/javascript" charset="utf-8" src="utf8-jsp/umeditor.min.js"></script>

        <script type="text/javascript" src="utf8-jsp/lang/zh-cn/zh-cn.js"></script>

        <style type="text/javascript">

        </style>

    </head>

    <body>

        <div id="test1" style="width: 550px; min-height: 100px; max-height: 600px; ">

            <div class="mini-fit" style="background: white; float: left; ">

                <table style="width: 500px; ">

                    <tr>

                        <td>

                            测试:

                        </td>

                        <td>

                            <div id="test2" style=""></div>

                        </td>

                    </tr>

                </table>

            </div>

        </div>

        <a href="javascript: void(0);" id="div1a">1</a>

        <a href="javascript: void(0);" id="div2a">2</a>

        <div id="test3" style="width: 550px; min-height: 100px; max-height: 600px; ">

            <div style="background: white; float: left; ">

                <table style="width: 500px; ">

                    <tr>

                        <td>

                            测试2:

                        </td>

                        <td>

                            <div id="test4" style=""></div>

                        </td>

                    </tr>

                </table>

            </div>

        </div>

        <a href="javascript: void(0);" id="div3a">1</a>

        <a href="javascript: void(0);" id="div4a">2</a>

        <script type="text/javascript">

            mini.parse();

            $("#div1a").on("click", function() {

                $("#test2").html("1234567890");

            });

            $("#div2a").on("click", function() {

                $("#test2").html(

                    "1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>"

                );

            });

            $("#div3a").on("click", function() {

                $("#test4").html("1234567890");

            });

            $("#div4a").on("click", function() {

                $("#test4").html(

                    "1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>1234567890<br/>"

                );

            });

        </script>

    </body>

</html>

页面默认效果(进入页面时不操作时):

分别点击1后效果:

分别点击2后效果:

两个div唯一的不同是,第一个有class="mini-fit",第二个没有.

所以,要自适应高度,去掉class="mini-fit",就好了.

MiniUi遇到的一个Bug或者说坑,以div里面的内容自适应高度的更多相关文章

  1. css挖坑爬坑之div高宽相等

    目标效果 对于这么一个头像,外面是一个圆角的div里面是一个img,对于外面的div我要使他高度等于宽度. 发现问题 开始的时候设置宽度为100%然后高度为100%,这样子对于宽度来说的话可以撑满页面 ...

  2. 在chrome下-webkit-box布局的一个bug

    chrome,也就是webkit内核下作的检测, chrome版本是40, -webkit-box这种布局在移动端用的比较多,主要是因为pc端的浏览器内核参差不齐. 因为在写HTML的时候看上了-we ...

  3. Curl的毫秒超时的一个”Bug”

    Curl的毫秒超时的一个”Bug” -- PHP老杨 最近我们的服务在升级php使用的libcurl, 期望新版本的libcurl支持毫秒级的超时, 从而可以更加精细的控制后端的接口超时, 从而提高整 ...

  4. qt widget设置Qt::FramelessWindowHint和Qt::WA_TranslucentBackground, 会出现一个bug: 在最小化后还原时界面停止刷新

    qt widget设置Qt::FramelessWindowHint和Qt::WA_TranslucentBackground, 会出现一个bug: 在最小化后还原时界面停止刷新 Widget wit ...

  5. 2019年12月的第一个bug

    现在是2019年12月1日0点27分,我的心情依旧难以平静.这个月是2019年的最后一个月,是21世纪10年代的最后一个月,也是第一批90后30岁以前的最后一个月.就是在这个月的第一天的0点0分,我写 ...

  6. 印象最深的一个bug：sessionStorage缓存在移动端失效

    无bug,不程序:作为程序员的我,不是修bug就是在写bug的路上. 移动端sessionStorage缓存失效是我"印象最深的一个bug"之一,为啥呢,因为这个问题导致我加班到很 ...

  7. 我大抵是卷上瘾了，横竖睡不着！竟让一个Bug，搞我两次！

    作者:小傅哥 博客:https://bugstack.cn 沉淀.分享.成长,让自己和他人都能有所收获! 一.前言:一个Bug 没想到一个Bug,竟然搞我两次! 我大抵是卷上瘾了,横竖都睡不着,坐起来 ...

  8. Tomcat一个BUG造成CLOSE_WAIT

    之前应该提过,我们线上架构整体重新架设了,应用层面使用的是Spring Boot,前段日子因为一些第三方的原因,略有些匆忙的提前开始线上的内测了.然后运维发现了个问题,服务器的HTTPS端口有大量的C ...

  9. MySQL关于exists的一个bug

    今天碰到一个很奇怪的问题,关于exists的, 第一个语句如下: SELECT ) FROM APPLY t WHERE EXISTS ( SELECT r.APPLY_ID FROM RECORD ...

随机推荐

  1. C/C++ 手动开O2

    手动O2比赛不能用,平时玩玩就好 #pragma GCC optimize (2) #pragma G++ optimize (2)

  2. Vue请求第三方接口跨域最终解决办法！2020最终版！

    废话少说,再百度的近三个小时尝试了近10种方法无解后,终于皇天不负有心人! 这个vue axios 跨域问题被我解决了! 需求:请求客户端ip地址获取客户ip,再根据ip获取用户位置 工具:Vue,a ...

  3. Markdown中插入复杂的合并表格方法

    由于Markdown自身的语法限制,不能直接插入有合并单元格的复杂表格. 姓名 学号 专业 张三 2018123456 计算机 赵四 2018222356 自动化 李六 2018666666 信息工程 ...

  4. 【转】分布式架构的演进（JavaWeb）

    作者:李小翀 链接:https://www.zhihu.com/question/22764869/answer/31277656 来源:知乎 1.初始 初始阶段 的小型系统 应用程序.数据库.文件等 ...

  5. JVM 参数(转)

    Herry灬凌夜  转自:https://www.cnblogs.com/wuyx/p/9627542.html 常用的JVM配置参数 一.Trace 跟踪参数 在Eclipse中,如何打开GC的监控 ...

  6. C++ json解决方案

    前段时间用到C++来封装com 因此从数据转换上我采用的Json来当两种语言的传递方式,现做下json的序列化与反序列化方案的总结: Rapidjson 文档地址:http://rapidjson.o ...

  7. Dubbo之服务暴露

    前言 本文 Dubbo 使用版本2.7.5 Dubbo 通过使用dubbo:service配置或@service在解析完配置后进行服务暴露,供服务消费者消费. Dubbo 的服务暴露有两种: 远程暴露 ...

  8. C#中无边框窗体拖动

    //定义一个bool变量标识是否拖动窗体 private bool isMove = false; //记录鼠标的位置 private Point point; 定义的变量 /// <summa ...

  9. Redis入门学习（学习过程记录）

    Redis(入门笔记) 学习一个大的技术点,然后顺带着就把这个技术点的面试题给学习了. 学习完一个技术后,如果面试题还不能够解答的话,只能说明学的不精,需要查漏补缺. 下一个学习的方向:Redis-非 ...

  10. Zend Studio 13.6.1 汉化及安装方法详解

    Zend Studio 13.6.1是一套专业开发人员使用的集成开发环境 (IDE),具备功能强大的专业编辑工具和调试工具,支持PHP语法加亮显示,支持语法自动填充功能,支持书签功能,支持语法自动缩排 ...