页面源码:

<!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. 老式车载导航如何支持大于4G的SD卡

    这个知识点以后会越来越没什么用,因为这类导航慢慢就会消失.记录这个,就是提醒自己如何防止以为很懂而被骗. 随着导航地图越来越大,4G的SD卡很快就不够用了,但是很不幸车载导航款式太老了,不支持大于4G ...

  2. javax.email 发送邮件 javaEmail ，java 邮件

    首先导入mail的jar包 然后代码如下 package aaa; import java.util.Date;import java.util.Properties; import javax.ma ...

  3. Flink消费Kafka到HDFS实现及详解

    1.概述 最近有同学留言咨询,Flink消费Kafka的一些问题,今天笔者将用一个小案例来为大家介绍如何将Kafka中的数据,通过Flink任务来消费并存储到HDFS上. 2.内容 这里举个消费Kaf ...

  4. C语言程序设计（七） 函数

    第七章 函数 分而治之: 把较大的任务分解成若干较小.较简单的任务,并提炼出公用任务的方法 函数是C语言中模块化程序设计的最小单位,既可以把每个函数都看作一个模块,也可以将若干相关的函数合并成一个模块 ...

  5. js 渐变运动框架

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. 服务发现组件之 — Eureka

    前言 现在流行的微服务体系结构正在改变我们构建应用程序的方式,从单一的单体服务转变为越来越小的可单独部署的服务(称为微服务),共同构成了我们的应用程序.当进行一个业务时不可避免就会存在多个服务之间调用 ...

  7. 把 GitHub 放入口袋，“开箱”官方客户端

    GitHub 2019 开发者大会说要出的客户端,今天(2020.3.18)终于放出了下载.之前如果登记过的小伙伴应该也和我一样收到了下面样子的邮件: 好了,那么接下来我们就来"开箱&quo ...

  8. 题解 UVA12186 【工人的请愿书 Another Crisis】

    俺太难了 记录一下我调了一个小时的错误 多测不清空 多测清空只清空了\(vector\) 多测全清空了,但是忘了清空\(vector[0]\) \(priority\)_ \(queue\)把\(gr ...

  9. PDIUSBD12指令

    PDIUSBD12指令 端点描述 PDIUSBD12的端点适用于不同类型的设备,端点可通过[Set mode]命令配置为4种不同的模式,分别为: 模式0(NON-ISO模式):非同步模式 模式1(IS ...

  10. 建议5:防止switch贯穿

    switch语句,除非明确地中断流程,否则每次条件判断后都贯穿到下一个case条件.例如 switch(expression){ case label1: statementList1 case la ...