似乎
我是不是漏掉了什么,还是这是正常的? 这里 有一个示例。
HTML:
overflow-x
和 overflow-y
的行为不符合我的期望。如果我将 overflow-x
设置为 visible,而将 overflow-y
设置为 auto,则 overflow-x
不会表现为 visible,而是隐藏的。我是不是漏掉了什么,还是这是正常的? 这里 有一个示例。
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>
CSS:
.container {
background: rgba(0, 0, 0, 0.1);
width: 200px;
height: 100px;
overflow-y: auto;
overflow-x: visible;
}
.content {
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
position: relative;
margin-left: -14px;
padding-left: 14px;
}
overflow-x: scroll;
而不是overflow-x: visible;
,如下面我的答案所述。 - Ahsan Khurshidcontent
的一部分超出container
。 - etnbrd