溢出：滚动; 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. */ 
}