使用JavaScript在元素框外呈现的内容该怎么办？
如果内容在元素框外渲染，请使用overflow属性添加滚动。这将简化访问者阅读整个内容的过程。
示例
您可以尝试运行以下代码，以了解如何使用JavaScript中的溢出属性-
<!DOCTYPE html>
<html>
<head>
<style>
#box {
width: 450px;
height: 150px;
background-color: orange;
border: 3px solid red;
margin-left: 20px;
}
</style>
</head>
<body>
<p>Click to use overflow property and set scroll.</p>
<button type="button" onclick="display()">Set Scroll</button>
<div id="box">
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
<p>This is a div. This is a div. This is a div. This is a div. This is a div.</p>
</div>
<br>
<br>
<script>
function display() {
document.getElementById("box").style.overflow = "scroll";
}
</script>
</body>
</html>热门推荐
10 教师同事升职祝福语简短
11 提早庆祝生日祝福语简短
12 周年庆典祝福语致辞简短
13 学生祝福语简短古诗大全
14 玫瑰礼盒祝福语大全简短
15 六一互换礼物祝福语简短
16 朋友花篮开业祝福语简短
17 三八简短祝福语给婆婆
18 日语送考祝福语简短