浮动和定位脱标的不同（文本文字滞留问题）

最新推荐文章于 2022-12-03 23:29:46 发布

weixin_30268071

最新推荐文章于 2022-12-03 23:29:46 发布

阅读量183

点赞数

原文链接：http://www.cnblogs.com/EricZLin/p/8745493.html

版权

<body>
    <div class="top"></div>
    <div class="bottom">文字文字文字文字文字</div>
</body>

1.使用浮动文字会有滞留问题

<style>
        .bottom {
            width: 200px;
            height: 300px;
            background: rgb(212, 23, 23);
        }
        .top {
            width: 200px;
            height: 200px;
            background: rgb(51, 36, 36);
            float: left ; 
        }
    </style>

2.使用定位不会出现文字滞留问题

<style>
        .bottom {
            width: 200px;
            height: 300px;
            background: rgb(212, 23, 23);
        }
        .top {
            width: 200px;
            height: 200px;
            background: rgb(51, 36, 36);
            position: absolute;
        }