溢出-x 被溢出-y 覆盖

etn*_*brd 2 css stylesheet

似乎overflow-x并且overflow-y不像我期望的那样表现。如果我设置overflow-x为可见,并设置为overflow-y自动,overflow-x则不会显示为可见,而是隐藏。

我错过了什么,或者这是正常的吗?

是一个例子。

HTML:

</html
  <body>
    <div class='container'>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
    </div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

CSS:

</html
  <body>
    <div class='container'>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
      <div class='content'>
        This is a content
      </div>
    </div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Guf*_*ffa 5

实际上overflow-x会像auto你的例子一样。

还有的一些组合overflow-xoverflow-y不能合并,因为他们根本不工作。您不能让内容在容器内沿一个方向滚动,而在容器外沿另一个方向可见。

  • 你能给我一些关于这个的参考吗? (5认同)