对div设置滚动条,设置其横向滚动条和纵向滚动条样式。所需CSS样式为overflow-y和overflow-x来设置div盒子对象右侧和底部滚动条效果。同时也可以使用CSS样式设置html框架iframe的滚动条隐藏,接下来为大家介绍。

  DIVCSS5通过对第一个DIV对象设置div宽度div高度div边框样式,并在DIV盒子里添加演示文字内容,第二个盒子设置相同的CSS样式,盒子文字内容相同,并设置横向和纵向滚动条,观察效果。

  第一个盒子CSS命名为“divcs5-a”,第二个DIV盒子样式选择器命名为“divcss5-b”。

  过DIVCSS5主站上的所有免费CSS教程足可学会DIVCSS技术-如果需要深入系统学习、较短时间达到

  过DIVCSS5主站上的所有免费CSS教程足可学会DIVCSS技术-如果需要深入系统学习、较短时间达到

  为了观察效果我们对两个DIV盒子都设置基础相同的CSS样式和相同的文字内容。对“.divcss5-b”设置了X和y(横向和纵向的滚动条样式。)

  说明:第一个盒子“.divcss5-a”内容过多而溢出了DIV盒子,第二个盒子设置了滚动条样式,所以没有溢出,纵向右侧(Y)出现了可下拉上拉滚动条样式,横向底部(X)出现滚动条效果但不可左右拉动,这是因为文字内容不能撑开DIV宽度,如果是大于DIV设置宽度的图片这样横向底部(X)就会出现滚动条效果。