CSS滚动条

元素的内容可能大于其分配的空间。给定的属性(例如高度和宽度)没有提供足够的空间来容纳元素的内容。

CSS中的overflow属性可以解决此问题。它处理盒子的内容是否大于盒子本身。此CSS属性具有值-可见，滚动，隐藏和自动。

让我们简要讨论这些值。

scroll：它允许我们滚动页面以查看内容。

scroll：与滚动类似，除了滚动条仅在内容溢出时才会显示。

scroll：使用此值，内容溢出其包含元素的边框。

scroll：顾名思义，它用于隐藏垂直和水平滚动条。如果只想隐藏水平滚动条或垂直滚动条，则可以使用overflow-x和overflow-y。

让我们通过插图来了解这一点。

例

   
      
   

   
   
      
Example of overflow: scroll;
      

        
Hello World
        
This is javaTpoint.com
      
      
      
Example of overflow: auto;
      
      

        
Hello World
        
This is javaTpoint.com
      
        
      
   

输出量