谷歌瀏覽器中的按鈕（vh）超出區域，而在Firefox中是好的

我已經設置了一個div大小爲78 vh。 78/13 = 6對於每個按鈕我已經做了6vh的大小，所以他們13應該適合78vh。在Firefox中，一切看起來不錯，但是在谷歌瀏覽器中，最後一個按鈕超出了。有誰知道爲什麼？請注意我不是一個HTML開發人員，所以簡單的解釋對我來說意味着很多。谷歌瀏覽器中的按鈕（vh）超出區域，而在Firefox中是好的

<body> 
    <div style="height:85vh;overflow:auto;background-color:green;margin-top:10vh;"> 
     <div style="height:78vh;margin:2vh;background-color:white;"> 
      <div class="visible-sm-block visible-md-block visible-lg-block" style="background-color:yellow;height:78vh;margin-right:66%;"> 
        <button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
        <br><button style="height:6vh; width:12vh"> 0 </button> 
      </div> 
     </div> 
    </div> 
    <script src="static/js/jquery.min.js"></script> 
    <script src="static/bootstrap/js/bootstrap.min.js"></script> 
</body>