代码之家  ›  专栏  ›  技术社区  ›  Storm

我需要删除溢出上的水平滚动条<div>

css
  •  9
  • Storm  · 技术社区  · 15 年前

    我定义了一个将css属性“overflow”设置为“scroll”的标记。这给了我垂直和水平滚动条。我只想要垂直滚动条。我该怎么办?

    5 回复  |  直到 8 年前
        1
  •  12
  •   Dirk    11 年前

    您可以尝试使用

    overflow-y: scroll;
    

    这会给你一个垂直滚动条…


    使用

    overflow-y: auto;
    

    仅在必要时显示滚动条。

        2
  •  6
  •   Ben Blank Jarret Hardie    15 年前

    尝试使用“ overflow-y: scroll; “相反。它是CSS3,但据我所知,它得到了每一个现代浏览器(IE6+、FF、Opera、Chrome/Safari/Webkit/etc)的支持。

    对各种情况的快速解释 overflow / -x / -y 价值观,对于不熟悉的人:

    • visible _“违约。不适合“溢出”框的内容,通常出现在相邻内容的上方或下方。
    • hidden __“不适合的内容”是在盒子边缘“切断”的。
    • auto _不一定会同时显示两个滚动条;如果内容水平而不是垂直,则只会显示垂直滚动条。
    • scroll _“类似于 汽车 ,但无论是否需要,都会显示滚动条。Afaik,主要用于在需要将滚动条添加到动态(例如Ajax)内容时防止居中内容“跳跃”。
        3
  •  4
  •   Zoidberg    15 年前
    overflow:auto;
    
        4
  •  2
  •   markbaldy    12 年前

    我知道这是一个很古老的问题,但今天我偶然发现了。如果像我一样,你只需要Y形滚动条,然后在需要的时候,我发现这是可行的:

    .myclass {
        overflow-x: hidden;
        overflow-y: auto;
    }
    

    干杯,马克

        5
  •  1
  •   Nimsara Madhubashini    8 年前
    overflow-x:hidden;
    overflow-y:scroll;