用于强制浏览器显示滚动条的CSS

Question

我写了一个Web应用程序,发现当我调整页面大小时,浏览器不会显示它自己的滚动条,因为窗口缩小了.这可以防止用户访问内容.我将我的身体宽度设置为500px并将导航栏设置为white-space:nowrap.如何让浏览器识别屏幕右侧有内容？

只是为了澄清我想要浏览器的滚动条而不是任何控件上的滚动条.

Answer 1

您可以使用以下其中一项,具体取决于您是要添加水平,垂直还是两个滚动条:

body    {overflow-x:scroll;}
body    {overflow-y:scroll;}
body    {overflow:scroll;}

但是,我认为如果您在一个部分中显示内容然后执行

#id-of_your_div {overflow:scroll;}

因此,您可以向div添加滚动而不是强制浏览器显示滚动条,那么您的页面将提供更好的用户体验,因为这样的滚动条更易于用户访问.