CSS设置指定某个区域div出现滚动条、滚动框

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scrollable Area</title>


<style>
.scrollable-area {
　　width: 300px;
　　height: 200px;
　　overflow: auto; /* 或者使用 scroll 来强制显示滚动条 */
　　border: 1px solid #ccc;
}
</style>


</head>
<body>

<div class="scrollable-area">
　　<p>这里是一些文本内容，当内容超出指定区域的大小时，会出现滚动条。</p>
　　<!-- 添加足够的内容使滚动条出现 -->
　　<p>更多文本...</p>
　　<!-- 重复多次以产生足够的内容 -->
</div>

</body>
</html>

posted on 2025-12-03 17:09  四季皆春  阅读(0)  评论(0)    收藏  举报

导航