div块的overflow属性,自动为溢出内容区的内容增加滚动条
2017-04-18 16:08
393 查看
使用div块的overflow属性,可以使固定好的div块中的内容不会溢出,避免挤压其他按钮或者布局位置的情况发生,使页面布局不会全面崩盘。
设置overflow属性可以为div中溢出的内容增加滚动条以便查看溢出内容,而不会整体的使div块整体拉长使页面变形。
一般常用的overflow属性有几种:hidden,溢出的内容会被剪切,并且不可见;scroll,溢出的内容会被剪切,但是会增加滚动条以便查看溢出内容;
auto:如果溢出的内容被剪切,便显示滚动条查看溢出内容。
展示情况如下所示:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201704/f6335053616dc0eede4c9aead09c1cdc)
具体代码:
![](https://oscdn.geek-share.com/Uploads/Images/Content/201704/dbe5f49a9bc281f52b9a56a7335553d8)
如果不设置overflow属性的话,整个界面都会被拉伸,整个页面出现滚动条,确定取消按钮会被一直往下挤压。
当设置了overflow属性之后,只有树所在div块会增添滚动条,不断向下延伸。并不会影响界面中其他控件的布局。
设置overflow属性可以为div中溢出的内容增加滚动条以便查看溢出内容,而不会整体的使div块整体拉长使页面变形。
一般常用的overflow属性有几种:hidden,溢出的内容会被剪切,并且不可见;scroll,溢出的内容会被剪切,但是会增加滚动条以便查看溢出内容;
auto:如果溢出的内容被剪切,便显示滚动条查看溢出内容。
展示情况如下所示:
具体代码:
如果不设置overflow属性的话,整个界面都会被拉伸,整个页面出现滚动条,确定取消按钮会被一直往下挤压。
当设置了overflow属性之后,只有树所在div块会增添滚动条,不断向下延伸。并不会影响界面中其他控件的布局。
相关文章推荐
- javscript实现滚动条滚动到页面底部自动加载增加页面内容
- asp.net的多行TextBox随内容增加自动增高而不显示滚动条!
- Overflow属性——定义元素(如Div)内容区溢出情况
- 页面如何自动出现滚动条(overflow属性用法)
- Swing:在JScrollPane(JTextArea)中增加内容时,滚动条自动滚至底部
- 当滚动条滚动到页面底部自动加载增加内容的js代码
- 当滚动条滚动到页面底部自动加载增加内容的js代码
- 当滚动条滚动到页面底部自动加载增加内容的js代码
- asp.net的多行TextBox随内容增加自动增高而不显示滚动条!
- Flex中如何通过verticalScrollPolicy属性,控制VBox容器内容超过容器大小时滚动条自动显示与否
- 页面如何自动出现滚动条(overflow属性用法)
- Flex中如何通过verticalScrollPosition和maxVerticalScrollPosition属性,TextArea增加新内容的时候自动滚动 .
- asp.net的多行TextBox随内容增加自动增高而不显示滚动条!
- css pre如果同时运用了css的border-radius、 overflow两个属性且标签中内容太多时,外部div滚动条在firefox下滚动时很卡
- Flex中如何通过verticalScrollPosition和maxVerticalScrollPosition属性,TextArea增加新内容的时候自动滚动
- asp.net的多行TextBox随内容增加自动增高而不显示滚动条!
- android 设置 TextEdit 组件滚动条自动滚动且在末尾追加内容
- 使richtextbox文本框控件的滚动条随着文本的增加 自动向下滚动
- js代码:实现主页面滚动条随iframe里的内容自动调整
- mysql--设置表的属性自动增加