当元素的内容可能大于为其分配的空间量时该怎么办?
使用CSS溢出属性可解决此内容超出分配空间的问题。您可以尝试运行以下代码来解决问题-
示例
<html>
<head>
</head>
<style>
.scroll{
display:block;
border: 2px solid green;
padding:10px;
margin-top:10px;
width:300px;
height:50px;
overflow:scroll;
}
.auto{
display:block;
border: 2px solid green;
padding:10px;
margin-top:10px;
width:300px;
height:50px;
overflow:auto;
}
</style>
<body>
<p>Example of scroll value:</p>
<div class = "scroll">
This is Demo Content. This is Demo Content. This is Demo Content.
This is Demo Content. This is Demo Content. This is Demo Content.
This is Demo Content. This is Demo Content. This is Demo Content.
This is Demo Content. This is Demo Content. This is Demo Content.
</div>
<br />
</body>
</html>热门推荐
10 儿子立冬祝福语简短独特
11 对当兵的祝福语简短
12 侄儿高考试祝福语简短
13 伴郎红包祝福语朋友简短
14 媳妇生日简短祝福语朋友
15 公司年会祝福语简短最好
16 元旦感恩祝福语简短大全
17 红包祝福语简短10字
18 周六早晨祝福语简短