怎么让div内容超出后自动显示滚动条

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么让div内容超出后自动显示滚动条相关的知识,希望对你有一定的参考价值。

1、首先打开sublime编辑器,新建一个html文档,在文档中定义一个外围的div容器,并在里面在定义一个容器用来输入很多文字,在div上面设置一个标题:

2、然后在style标签中设置外围容器的宽高和背景色,再设置内容容器的宽高和背景色以及overflow属性,将其值设置为auto即可实现超出内容自动显示滚动条的效果。

4、最后打开浏览器,就可看到超出内容后的文字右侧显示出了滚动条:

参考技术A 指定文档类型,给所有父对象指定高度,给三个DIV指定30%高,并设overflow:auto;如:
<!DOCTYPE html>
<html style="height:100%;">
<body style="height:100%;">
<div style="height:30%; overflow:auto;">1</div>
<div style="height:30%; overflow:auto;">2</div>
<div style="height:30%; overflow:auto;">3<div style="height:1000px;"></div></div>
</body>
</html>本回答被提问者采纳

JAVA Eclipse开发Android如何让超出界面的部分自动显示滚动条

在原有布局的最外围添加一层ScrollView,注意原有布局的声明也要删了

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:overScrollMode="ifContentScrolls">

</ScrollView>

 

 

 

以上是关于怎么让div内容超出后自动显示滚动条的主要内容,如果未能解决你的问题,请参考以下文章

怎么样在一个设置了滚动条的div 让某些东西可以超出div范围

html 怎么去掉网页的滚动条

c# panel里面的内容超出怎么自动出现滚动条

怎么让滚动条只显示在子盒子body不显示

如图,怎么在html表格中内容超出时自动显示滚动条,求代码,。

让超出div内容的显示滚动条:overflow:auto