高度剩余法

都挺好，刚刚好

已于 2023-08-14 09:09:42 修改

阅读量75

点赞数

分类专栏： CSS 文章标签： css css3 html

于 2022-07-04 10:45:47 首次发布

本文链接：https://blog.csdn.net/seimeii/article/details/125595514

版权

CSS 专栏收录该内容

46 篇文章 0 订阅

订阅专栏

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

需要实现文字1和文字2之间的距离，可以设置文字1所在盒子的一个高度

高度剩余法，这个效果在网站里面很常用，就不用内边距或者外边距也能控制文字之间的距离

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