首页 行业资讯 宠物日常 宠物养护 宠物健康 宠物故事

css如何去除下面滚动条

发布网友 发布时间:2022-04-23 15:48

我来回答

5个回答

热心网友 时间:2022-04-28 15:57

溢出元素内容区的内容,浏览器默认会使用滚动条来进行显示,如果不想要显示溢出的类容,可以使用overflow属性进行控制。


CSS overflow 属性  定义和用法

  overflow 属性规定当内容溢出元素框时发生的事情。

  说明:这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。


可能的值

  visible    
默认值。内容不会被修剪,会呈现在元素框之外。

  hidden    
内容会被修剪,并且其余内容是不可见的。

  scroll    
内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

  auto    
如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

  inherit    
规定应该从父元素继承 overflow 属性的值。   


实例

/*设置 overflow 属性 溢出元素内容区的内容隐藏*/
div  {  width:150px;  height:150px;  overflow:hidden;  }
/*如果只需要对水平方向的溢出隐藏,可以使用overflow-x*/
div  {  width:150px;  height:150px;  overflow-x:hidden;  }

热心网友 时间:2022-04-28 17:15

下面有滚动条有可能是宽超出了你设置的宽

热心网友 时间:2022-04-28 18:50

使用:overflow:hidden 或者 visible,

ele{
    overflow:hidden;
}

ele{
    overflow:visible;
}


overflow属性规定当内容溢出元素框时发生的事情。

    -- visible:默认值。内容不会被修剪,会呈现在元素框之外。    

    -- hidden:内容会被修剪,并且其余内容是不可见的。   


这样滚动条就不会出现了,但是相对的内容就不一定显示完整。

热心网友 时间:2022-04-28 20:41

你的内容区有东西宽度超过你的显示器宽度了,才会出现了滚动条。建议设置一个宽度。

热心网友 时间:2022-04-28 22:49

overflow-x:hidden
望采纳

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com