移動(dòng)端產(chǎn)生1px縫隙的問題。

兩個(gè)元素是固定定位，圖中的文字如果產(chǎn)生滾動(dòng)條，下面的兩個(gè)元素中間就會(huì)產(chǎn)生1px的縫隙，如果沒有滾動(dòng)條(把文字大小和行高設(shè)置)，就不會(huì)產(chǎn)生，所以怎樣在有滾動(dòng)條的情況下去掉兩個(gè)元素間的縫隙？
圖片描述

<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/reset.css">
    <script name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no'>
    </script>
    <title>移動(dòng)閱讀器</title>
    <style>
        .bkg1{
            width: 100%;
            height: 120px;
            background: #232222;
            position: fixed;
            bottom: 0;
            left: 0;
            opacity: 0.9;


        }
        .bkg2{
            position: fixed;
            bottom: 120px;
            left: 0;
            width: 100%;
            background: #232222;
            opacity: 0.9;
            height: 170px;
            margin-bottom: -2px;
        }
        .font{
            margin: 30px;
            font-size: 15px;
            line-height: 3;
        }
    </style>
</head>
<body>
        <div class='font'>
            <p>
                童童知道；有姐的日子不多了，就喜歡冰河和田野里潔白的澤光，童童喜歡與姐姐趴在白馬上，噠噠噠，冰層上的浪漫，紅樹林里穿梭，讓童童睡在姐姐的掌心，躲進(jìn)了姐姐的眉額，發(fā)辮里、親著姐微顫的唇！??！童童躲進(jìn)了姐姐的心房，聽；心跳，姐，緋紅的臉頰。
            </p>
            <p>
                童童知道；有姐的日子不多了，就喜歡冰河和田野里潔白的澤光，童童喜歡與姐姐趴在白馬上，噠噠噠，冰層上的浪漫，紅樹林里穿梭，讓童童睡在姐姐的掌心，躲進(jìn)了姐姐的眉額，發(fā)辮里、親著姐微顫的唇！??！童童躲進(jìn)了姐姐的心房，聽；心跳，姐，緋紅的臉頰。
            </p>
            <p>
                童童知道；有姐的日子不多了，就喜歡冰河和田野里潔白的澤光，童童喜歡與姐姐趴在白馬上，噠噠噠，冰層上的浪漫，紅樹林里穿梭，讓童童睡在姐姐的掌心，躲進(jìn)了姐姐的眉額，發(fā)辮里、親著姐微顫的唇！啊！童童躲進(jìn)了姐姐的心房，聽；心跳，姐，緋紅的臉頰。
            </p>
            
        </div>
        <div class='bkg1'></div>
        <div class='bkg2'></div>
    
</body>
<script>

</script>
</html>>

回答

編輯回答