1. 程式人生 > >高度剩余法

高度剩余法

pos 設置 .com fff info back 之間 實現 eight

有兩個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>

技術分享圖片

高度剩余法