css - 如果内容边距溢出卡片，如何仅获得水平滚动条？

Question

mat-card我只想要s的长水平 div 上的水平滚动条

即使overflow-y设置为“可见”，垂直滚动条也不会消失。一个快速的解决方法是将 div 设置padding-bottom为 2em，但是，我正在寻找问题的解释以及更优雅的解决方案（如果有）。

这是目前的情况

我希望div.mess只有一个水平滚动条。一个额外的好处是在 中具有of margin-bottom，但不是必需的。img[mat-card-image]mat-card

标签： cssangular-material

Answer 1

尝试使用：

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

此代码将隐藏您的垂直滚动。

当您尝试填充超过其宽度或高度的框时会发生滚动，因此您可以简单地隐藏垂直、水平滚动或将父高度设置为自动：

.example-card{
    width: 150px;
    height: auto;
    box-sizing: border-box;
    }