Question

css如何去除下面滚动条

为什么右边是空白的没东西还有下滚动条， 我宽度没有设。

Answer 1

溢出元素内容区的内容，浏览器默认会使用滚动条来进行显示，如果不想要显示溢出的类容，可以使用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;  }

Answer 2

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

Answer 3

使用：overflow:hidden 或者 visible，

ele{
    overflow:hidden;
}

ele{
    overflow:visible;
}

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

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

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

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

Answer 4

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

Answer 5

overflow-x：hidden
望采纳