高度剩余法

Posted 澎湃_L

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了高度剩余法相关的知识,希望对你有一定的参考价值。

有两个div,里面各有文字1和文字2,如何实现文字1和文字2的距离,可以使用高度剩余法。

<body>
    <div class="top">文字1</div>
    <div class="bottom">文字2</div>
</body>
<style>
       .top {
            width: 300px;
            height: 300px;
            background: #fff;
            /* 需要实现文字1和文字2之间的距离,可以设置文字1所在盒子的一个高度 */
       }
    </style>

以上是关于高度剩余法的主要内容,如果未能解决你的问题,请参考以下文章

如何使行拉伸剩余高度

Bootstrap 4行填充剩余高度

聊聊Flexbox布局中的flex的演算法

Sleep() 方法后的代码片段没有被执行

以编程方式将多个片段添加到 RelativeLayout

如何使用 Bootstrap(我猜)让 iframe 填充剩余屏幕区域的宽度和高度?