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

Question

我只希望在mat-card s长水平div上使用水平滚动条

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

This is how it currently is

我希望div.mess仅具有一个水平滚动条。另外的好处是，{{1}中的margin-bottom中的img[mat-card-image]在mat-card之内，但这不是必需的。

Answer 1

尝试使用：

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

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

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

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