页面源码:

<!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. 为什么要使用webpack？

    在网页中会引用到哪些常见的静态资源? js (.js  .jsx  .coffee  .ts) css (.css  .less  .sass  .scss scss是sass的plus版) imag ...

  2. 必备技能一、webpack

    https://cloud.tencent.com/developer/section/1477376----->配置很重要 一.基本安装 mkdir webpack-demo &&am ...

  3. MySQL 统计行数的 count

    MySQL count() 函数我们并不陌生,用来统计每张表的函数.但如果你的表越来越大,并且是 InnoDB 引擎的话,会发现计算的速度会越来越慢.在这篇文章里,会先介绍 count() 实现的原理 ...

  4. 谈谈SQL优化

    写SQL是学习数据库必须掌握的非常重要的技能之一.在学习过程当中,我们会尝试写各种各样满足需求的SQL语句.在实际项目中,优秀的SQL语句和普通的SQL语句的执行速度差别非常大.对于一个数据量很大的系 ...

  5. spring总结————AOP面向切面总结

    spring总结————AOP面向切面 一.spring aop概念 spring aop面向切面编程,java是面向对象的语言. 真正的service层代码 业务逻辑层再处理业务之前和之后都要进行一 ...

  6. GO语言web框架Gin之完全指南（一）

    作为一款企业级生产力的web框架,gin的优势是显而易见的,高性能,轻量级,易用的api,以及众多的使用者,都为这个框架注入了可靠的因素.截止目前为止,github上面已经有了 35,994 star ...

  7. Shell 截取字符串方法

    原文链接 方法1 "${varible##*string}" 从左向右截取最后一个string后的字符串 e.g. exampleString="abc//888//ab ...

  8. Android 缓存的使用

    缓存基础类 import android.content.Context; import android.content.SharedPreferences; public class CachePa ...

  9. 简单BBS项目开始（二）

    登陆和生成图片验证码 1.生成图片 pillow 1.生成图片的模块pillow,在python中安装pillow,在Django中使用时用PIL2. 在页面上<img id="val ...

  10. identityserver4源码解析_3_认证接口

    目录 identityserver4源码解析_1_项目结构 identityserver4源码解析_2_元数据接口 identityserver4源码解析_3_认证接口 identityserver4 ...