div块的overflow属性,自动为溢出内容区的内容增加滚动条

来源:互联网 发布:岳游网络千炮捕鱼ol1.1 编辑:程序博客网 时间:2024/05/01 21:47

  使用div块的overflow属性,可以使固定好的div块中的内容不会溢出,避免挤压其他按钮或者布局位置的情况发生,使页面布局不会全面崩盘。

  设置overflow属性可以为div中溢出的内容增加滚动条以便查看溢出内容,而不会整体的使div块整体拉长使页面变形。

  一般常用的overflow属性有几种:hidden,溢出的内容会被剪切,并且不可见;scroll,溢出的内容会被剪切,但是会增加滚动条以便查看溢出内容;

  auto:如果溢出的内容被剪切,便显示滚动条查看溢出内容。

  展示情况如下所示:


  具体代码:


  如果不设置overflow属性的话,整个界面都会被拉伸,整个页面出现滚动条,确定取消按钮会被一直往下挤压。

  当设置了overflow属性之后,只有树所在div块会增添滚动条,不断向下延伸。并不会影响界面中其他控件的布局。


0 0
原创粉丝点击