html - "overflow-x: auto"没有正常工作

Question

我正在尝试使用 overflow-x: auto，但它没有正常工作。在不应显示滚动条的地方，它显示水平滚动条。

垂直滚动条 (overflow-y) 可以正常工作，但水平滚动条 (overflow-x) 不能正常工作。这是 JSFiddle链接。

Answer 1

以下是您的类中需要进行的一些小改动，以使其按预期工作。

.container_row
{
    width: 100%;
    white-space: nowrap;
    display: inline-block;
    margin: 0 auto;
}
#name_label 
{
    list-style: disc inside;
    margin-left: 10px;
    float: left;
    color: white;
    display: list-item;
    width: 50%;
}
#name_text
{
    color: white;
    padding-left: 5px;
    width: 50%;
    display: inline;
}

已更新

检查这个Example fiddle