使用css溢出滚动

Question

我将div设为parent，并在parent div i make sub child div内。 一切都很完美，但我的问题是，我将parent div设为overflow:scroll 像

#testing {
    width:400px;
    height:390px;
      background:steelblue;
    overflow:scroll;
}

这里看起来像这样

你可以看到这张照片。 溢出滚动看起来像这样出现:(在带箭头的图像的右侧和底部看到这个） 为什么在使用overflow:scroll时会发生这种情况我不希望此视图滚动仅在内容超出div时出现。我不知道该怎么做。 http://jsfiddle.net/ShvzM/4/

任何建议都会很棒。

感谢。

Answer 1

只需做...

overflow:auto;

的

#testing {
  width:400px;
  height:390px;
  background:steelblue;
  overflow:auto;
}

的 Updated jsfiddle 的

Answer 2

使用overflow: auto。这仅在内容超出边界时显示滚动条。

Answer 3

您必须将overflow设置为auto。 overflow设置为scroll时，将始终显示滚动条。设置为auto时，仅在需要时显示滚动条。

您可以在此MDN Link中找到有关overflow媒体资源的更多信息。

Answer 4

在你的CSS中改变它

#testing {
    width:400px;
    height:390px;
      background:steelblue;
    overflow:auto;        <----------- Not scroll
}

为什么auto，因为它只会在你有很多高度或宽度时出现。 与scroll一样，它会同时为您提供vertical和horizontal卷轴。

Answer 5

如果您想要水平滚动，请使用 overflow-x：滚动 ，如果是垂直，则使用 overflow-y：滚动 < / em>的。如果只有当内容超出div的宽度时才需要滚动条，请使用 overflow：auto