当一个元素的内容可能比分配给它的空间更大时,应该怎么办?
使用CSS overflow属性来解决内容超出分配空间的问题。您可以尝试运行以下代码来解决这个问题−
示例
<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>