即使没有可滚动的内容,也会出现css溢出滚动条

时间:2012-04-17 17:24:04

标签: jquery html css

我正在使用溢出:像下面的代码一样滚动,我遇到的问题是,即使没有文本滚动条仍然显示。
 关于w3schools的演示:http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow 你看,即使你不能水平滚动(左或右),仍然有一个滚动条。如果没有什么可以滚动到。这是有意义的

,我试图让它在滚动条不出现的地方出现
<style type="text/css">
  div.scroll {
    background-color: #00FFFF;
    width: 100px;
    height: 100px;
    overflow: scroll;
  }
</style>
<p>overflow:scroll</p>
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div>

3 个答案:

答案 0 :(得分:22)

我认为您正在寻找overflow: auto

Mozilla's Documentation on Overflow

  

溢出CSS属性是overflow-x和overflow-y属性的简写,并指定当内容太大而无法适应其块格式化上下文时要执行的操作。

     

选项包括剪辑,显示滚动条或显示从容器流出的内容到周围区域。

自动

  

取决于用户代理。如果内容适合填充框内部,则它看起来与可见内容相同,但仍会建立新的块格式化上下文。如果内容溢出,Firefox等桌面浏览器会提供滚动条。

答案 1 :(得分:8)

尝试

overflow: auto

您提供的链接非常复杂。以下是解释的一切,我认为更好:CSS-Tricks

答案 2 :(得分:0)

试试overflow: auto; 所以 Scroll 根据是否需要自动发生。

使用 overflow-x: autooverflow-y: auto 如果您只想获得一个方向的自动滚动条