溢出：滾動; CSS添加邊框到頁面的邊緣？

Question

我有以下CSS一個div：

overflow: scroll;

然而，似乎有通過瀏覽器添加一個邊框，其中滾動條應該出現，如果它是可見的（即使是（？）不可見）。我已經檢查了開發工具中的CSS，並且找不到對此樣式的引用。我如何隱藏這個滾動條樣式？

下面是一個示例屏幕截圖 - 紅色箭頭指向屏幕右邊緣，我沒有添加該邊框樣式。如果我刪除overflow: scroll;樣式規則，它會消失。

注意，我看到兩個Chrome和Safari這種行爲（包括最新版本）。

Answer 1

將overflow屬性設置爲'scroll'會將內容剪輯爲size。這可以防止內容水平和垂直超出容器邊界。無論是否需要，它還可以水平和垂直放置滾動條。

這將同時顯示滾動條：

<div id="div1"> 
    Content 
</div> 

#div1 { 
    overflow:scroll; 
} 

「自動」值將顯示滾動條垂直，水平或兩者根據需要。

更改CSS來：

#div1 { 
    overflow:auto; 
} 

您還可以設置overflow屬性爲水平或垂直只。如果你想保證不能有垂直滾動條，你可以通過auto來使用它。

更改CSS來：

#div1 { 
    overflow-x:scroll; /* Set the overflow horizontal property to clip the content 
and display a horizontal scroll bar. */ 
} 
    overflow-y:hidden; /* Set the overflow vertical property to clip the content, 
hide the vertical scroll bar and any content outside of the top/bottom borders. */ 
}