📜  CSS scrollbar滚动条

📅  最后修改于: 2020-11-06 01:07:55             🧑  作者: Mango

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

输出量