CSS中overflow-scroll怎么设置只上下滚动而不左右滚

在CSS中，"overflow:scroll"属性默认是同时在水平和垂直方向进行滚动的。有时候我们可能只希望内容在垂直方向溢出时滚动，而在水平方向无论内容如何溢出都不滚动。这就需要我们精确设置CSS属性来实现这一需求。

要实现这一效果，我们可以结合使用"overflow"和"overflow-x"属性。当内容在垂直方向超出DIV的界限时，"overflow:auto"会启动滚动功能，而在水平方向，"overflow-x: hidden"则会防止内容在水平方向滚动。这样一来，只有当内容长度超出DIV的高度时，滚动条才会出现，而无论内容的宽度如何，都不会出现水平滚动条。

我们需要面对的一个问题是Internet Explorer（IE）浏览器的特殊行为。在设置Frame的scrolling属性时，IE对于"auto"的理解与其他浏览器有所不同。即使网页在垂直方向需要滚动条，IE仍会显示出水平滚动条。这一问题在IE6及其之后的版本中都存在。如果要兼容IE，可能需要在设置Frame属性时将scrolling属性设为"yes"，以确保只在需要时出现垂直滚动条。相比之下，Mozilla浏览器在任何时候都能正确这些属性。

接下来，通过firebug找到需要修改的div元素。在这个div上应用上述的CSS样式。你的代码可能会像这样：

`