即使沒有什麼可滾動，css溢出滾動條也會出現

Question

我使用overflow：scroll像下面的代碼一樣，我遇到的問題是，即使沒有文本，滾動條仍然顯示。
w3schools上的演示：http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow 即使您不能水平滾動（左側或右側），仍然會出現滾動條。我想有它在那裏，如果沒有什麼滾動to.hope這是有道理的

<style type="text/css"> 
    div.scroll { 
    background-color: #00FFFF; 
    width: 100px; 
    height: 100px; 
    overflow: scroll; 
    } 
</style> 
<p>overflow:scroll</p> 
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div> 

Answer 1

我認爲你正在尋找overflow: auto滾動條不會出現。

Mozilla's Documentation on Overflow

溢出CSS屬性是溢出 - X和溢出-y屬性的簡寫，並指定當含量太大，不適合在塊格式化內容中做什麼。

選項包括剪裁，顯示滾動條或將其容器流出的內容顯示到周圍區域。

汽車

取決於用戶代理。如果內容適合填充框，它看起來與可見相同，但仍建立一個新的塊格式上下文。如果內容溢出，Firefox等桌面瀏覽器會提供滾動條。

Answer 2

嘗試

overflow: auto 

您所提供的鏈接非常複雜。這裏是一切解釋，我認爲好得多：CSS-Tricks