HTML DOM overflow 属性

最新推荐文章于 2023-06-26 19:30:51 发布

原创最新推荐文章于 2023-06-26 19:30:51 发布 · 480 阅读

0 ·

CC 4.0 BY-SA版权

css总结专栏收录该内容

5 篇文章

订阅专栏

本文介绍了 CSS 中 overflow 属性的基本概念及其使用方法。通过设置该属性可以决定元素内容超出其框时的行为，如隐藏溢出内容或显示滚动条。文章包含了一个 HTML 示例，演示了如何使用 JavaScript 动态改变 div 的 overflow 属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.定义和用法：overflow属性规定如何处理不符合元素框的内容。

2.语法：

Object.style.overflow=visible|hidden|scroll|auto

3.可能的值：

4.实例：

<html>
<head>
<style type="text/css">
div
{
border:thin solid green;
width:100px;
height:100px;
}
</style>
<script type="text/javascript">
function hideOverflow()
{
document.getElementById("div1").style.overflow="hidden";
}
</script>
</head>
<body>

<div id="div1">
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
</div>
<br />
<input type="button" onclick="hideOverflow()"
value="Hide overflow" />

</body>
</html>