直接为div指定overflow属性为auto即可，但是必须指定div的高度，如下：
<div style="position:absolute; height:400px; overflow:auto">
</div>
如果要出现水平滚动条，则： overflow-x:auto
同理，垂直滚动条为： overflow-y:auto
如果该div被包含在其他对象例如td中，则位置可设为相对：position:relative
例如：
<HTML>
<HEAD>
<TITLE>测试表格内的滚动条</TITLE>
</HEAD>
<BODY>
<table>
<tr>
<td>表格内的滚动条:</td>
<td>
<div id="wins"
style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;">
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
</div>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
onmouseout=clearInterval(scrollb)>向左</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
onmouseout=clearInterval(scrollb)>向上</span>
<span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
onmouseout=clearInterval(scrollb)>向右</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
onmouseout=clearInterval(scrollb)>向下</span>
</td>
</tr>
</table>
</BODY>
</HTML>
<HEAD>
<TITLE>测试表格内的滚动条</TITLE>
</HEAD>
<BODY>
<table>
<tr>
<td>表格内的滚动条:</td>
<td>
<div id="wins"
style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;">
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
<p>ppppppppppppppppppppppppp </p>
</div>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
onmouseout=clearInterval(scrollb)>向左</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
onmouseout=clearInterval(scrollb)>向上</span>
<span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
onmouseout=clearInterval(scrollb)>向右</span>
<span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
onmouseout=clearInterval(scrollb)>向下</span>
</td>
</tr>
</table>
</BODY>
</HTML>
让DIV自适应高度，不让它越界
style=“word-break:break-all;OVERFLOW:auto”
public static void main(String args[]){
int[]a=new int[20];
for(int i=1;i<=20;i++){
a[i-1]=i;
try{Thread.sleep(1000);}catch(Exception e){}
System.out.println(a[i-1]);
}
}
相关推荐
`：内容超出 DIV 区域时，将自动添加滚动条。 DIV 滚动条的样式设置 在设置 DIV 滚动条的样式时，我们可以使用以下属性： * `border-style`：设置 DIV 元素的边框样式。 * `border-width`：设置 DIV 元素的边框...
今天，我们将探讨如何为 DIV 添加滚动条，并了解相关的 CSS 属性和值。 基本实现 要为 DIV 添加滚动条，只需要在 DIV 元素中添加 `overflow` 属性，并将其值设置为 `auto`。例如： ``` <div style="position:...
为div添加滚动条 html 欢迎下载
在这个例子中，当页面滚动到div的初始位置时，我们会给div添加一个`.fixed` 类，该类在CSS中定义了`position: fixed` 和其他样式。当页面滚动回到div的初始位置以上时，我们会移除这个类，恢复div的原始样式。 标签...
在网页设计中，div元素是常用的布局容器，而滚动条则是当内容超出div范围时，帮助用户浏览更多内容的重要交互工具。"div滚动条优化"这个主题主要关注如何在不牺牲滚动功能的前提下，通过CSS样式和JavaScript技术来...
要给div添加滚动条，主要有以下几种方法： 1. 直接设置overflow属性为auto或scroll。当内容超出div设定的高度和宽度时，浏览器会自动为div添加滚动条。代码示例如下： ```html <div style="overflow: auto; width...
通过这种方式，当页面滚动时，悬浮层会根据我们的需求进行动态调整，实现"滚动条动，层不动"的效果。 当然，实际的项目可能会更复杂，比如要考虑不同设备的响应式布局，或者添加动画效果等。但以上基础步骤已经涵盖...
而当这些`div`元素中的内容超出其设定的宽度或高度时，滚动条就会出现，以帮助用户浏览不可见的部分。在本文中，我们将深入探讨如何使用CSS来定制`div`元素的滚动条样式，以提升网页的视觉效果和用户体验。 一、...
在处理带有内部滚动条的 `div` 时，我们常常需要实现拖动功能，让用户能够通过鼠标拖动来查看内容，特别是在内容超出 `div` 边界时。这种效果常见于各种自定义滚动条或者数据展示区域的设计。 要实现“拖动div内部...
标题提及的"一款好看的DIV+CSS滚动条"是指利用这种方法创建的自定义滚动条，它可以提升网站的用户体验和视觉吸引力。 滚动条通常在内容超过容器显示范围时出现，允许用户浏览隐藏的部分。在默认情况下，浏览器会...
div 的滚动条问题 div自动添加滚动条，防止div移动位置
所谓DIV滚动条，是指在一个固定宽度和高度的`<div>`元素内部添加垂直或水平滚动条，以便于显示超出该区域的内容。这种方法非常适合于在网页上展示大量文本、图片或列表等信息时使用，能够在不增加页面整体尺寸的情况...
在前端开发中，有时我们需要实现一个功能，即在向某个特定的`div`容器内添加新内容后，使该`div`的滚动条自动滚动到最底部，以确保新添加的内容能够立即呈现在用户的视线范围内。本文将详细介绍三种实现这一目标的...
这时，“给大图片添加滚动条”就成为了一个有效的解决方案。这不仅能让用户浏览完整图片，还保持了页面的整洁性。下面将详细讲解如何实现这个功能。 一、HTML 结构 首先，我们需要在 HTML 页面中创建一个包含图片...
### DIV滚动条设置添加 CSS滚动条显示与滚动条隐藏 #### 概述 在Web开发过程中，滚动条的样式和行为对于提升用户体验至关重要。通过CSS（层叠样式表），开发者可以自定义滚动条的外观、行为以及是否显示或隐藏。本...
本文将深入探讨如何在`div`中添加滚动条，并展示几种不同的样式化滚动条的方法。 首先，让我们了解如何在`div`中启用滚动条。这可以通过CSS来实现。默认情况下，浏览器会在需要时自动显示滚动条，但我们可以用以下...
-- 添加大量内容以生成滚动条 --> 这里是一些文本，当滚动时，上面的div将保持在屏幕的顶部。 <!-- 可以重复此段落以增加内容 --> ``` 在这个例子中，`#fixedDiv` 是 `div` 的ID选择器，我们设置了 `position: ...
在CSS中，我们需要对目标`div`添加`overflow`属性以触发滚动条，然后使用Webkit特定的伪元素选择器来设计滚动条。例如： ```css div.scrollbar-style { overflow-y: scroll; /* 添加垂直滚动条 */ } div....
### 完美解决ASP.NET回传后div滚动条位置复位的问题 在ASP.NET开发过程中，经常遇到的一个问题是页面更新或回传后，原本已经滚动的`div`元素会自动复位到初始状态，这对于用户体验来说是十分不利的。本文将详细介绍...