如何设置溢出属性在 CSS 中滚动？

在本文中，我们将看到如何在 CSS 中设置溢出属性以滚动。溢出属性用于控制大内容。它告诉当元素的内容太大而无法放入指定区域时该怎么做。当overflow 属性设置为scroll 时，overflow 会被剪掉，但是会添加一个滚动条来查看其余部分。

示例 1：

HTML

  

    

  

    
GEEKSFORGEEKS
  
    

        The CSS overflow controls big content.
        It tells whether to clip content or to
        add scroll bars.
    

  

输出：

示例 2：在此示例中，我们必须使用 overflow-x 属性来滚动。当内容在左右边缘溢出时使用 overflow-x 属性。

HTML

  

    

  

    
GEEKSFORGEEKS
  
    

        The CSS overflow controls big 
        content. It tells whether to 
        clip content or to add scroll 
        bars to show rest of the content.
    

  

输出：

示例 3：在本示例中，我们使用了 overflow-y 属性来滚动。当内容在顶部和底部边缘溢出时使用 overflow-y 属性

HTML

  

    

  

    
GEEKSFORGEEKS
  
    

        The CSS overflow controls big 
        content. It tells whether to 
        clip content or to add scroll 
        bars to show rest of the content.
    

  

输出：