似乎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)
实际上overflow-x会像auto你的例子一样。
还有的一些组合overflow-x和overflow-y不能合并,因为他们根本不工作。您不能让内容在容器内沿一个方向滚动,而在容器外沿另一个方向可见。