我已经将一个 div 设置为大小 78vh。 78/13 = 6 对于每个按钮，我做了一个尺寸 6vh 所以所有 13 个按钮都应该在 78vh 之内。在 Firefox 中，一切看起来都不错，但是在 Google Chrome 中，最后一个按钮超出了范围。有谁知道为什么？请注意我不是 HTML 开发人员，所以简单的解释对我来说意义重大。
<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>
最佳答案
删除 <br>标签并添加“显示: block ；”按钮样式。
关于html - 为什么我的按钮会溢出 Chrome 中的容器？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42648968/