页面源码:

<!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. Go性能分析大杀器PPROF

    这是什么 想要进行性能优化,Go本身自带的工具链就包含了性能分析工具,而且也非常棒,pprof就是Go性能分析的利器,它是Go语言自带的包,有如下两种: runtime/pprof:采集程序(非 Se ...

  2. 关于“关键字synchronized不能被继承”的一点理解

    网上看到很多对关键字synchronized继承性的描述只有一句"关键字synchronized不能被继承",并没有描述具体场景,于是自己做了以下测试. //父类 public c ...

  3. 误用git reset -hard 的检讨书

    误用git reset -hard 的检讨书 消失的代码们: 我知道你们可能看不到了,但是我还是需要自我反省自己,因为自己的误操作,导致了你们的消失. 事情的始末 夜阑人静,周围除了少年敲击键盘的声音 ...

  4. Java反射之Class类

    接下来的几章,我们谈一谈java的反射机制. 反射就是从一个java类中映射出一个java类或是一个实例.通常在很多框架中都用到反射,比如常用的ssm框架,在配置文件中总是会写到类的全名,框架通过读取 ...

  5. js 随机产生100个0~1000之间的整数

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

  6. USB概述及协议基础

    USB概述及协议基础 USB的拓扑结构 USB是一种主从结构的系统.主机叫做Host,从机叫做Device(也叫做设备). 通常所说的主机具有一个或者多个USB主控制器(host controller ...

  7. winform不能循环引用，使用接口传值到界面

    public partial class frmMain : Form, IFormManager { 4 public frmMain() { InitializeComponent(); 8 } ...

  8. hive学习_01

    1.构建在Hadoop之上的数据仓库(数据计算使用MR,数据存储使用HDFS) 2.Hive定义了一种类SQL查询语言----HQL 3.通常用于进行离线数据处理(非实时) 4.一个ETL工具 5.可 ...

  9. Natas34 Writeup（闯关结束！）

    Natas34: 登录什么都不用做,闯关结束!撒花~~~

  10. The instance of entity type 'manager' cannot be tracked because another instance with the same key value for {'id'} is already being tracked. When attaching existing entities, ensure that only one ent

    最近在用ASP.NET CORE时遇到一些问题,现记录下: 出现上述错误,即在更新实体数据时出现的错误 services.AddDbContext<StoreContext>(c => ...