您的位置:首页 > Web前端 > HTML

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

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

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

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

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

  展示情况如下所示:



  具体代码:



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

  当设置了overflow属性之后,只有树所在div块会增添滚动条,不断向下延伸。并不会影响界面中其他控件的布局。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html
相关文章推荐