“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

Answer 2

您的#container1大于100％。将其更改为以下内容：

#container1 {
  width: 100%;
  padding: 10px 0;
}