html - 表格或列表中的水平滚动条

Question

有没有可能有一个三联行，其中第一列和第三列的宽度固定为 100 像素，而第二列是响应式的？当我尝试表格时，如果第二列小于 500 像素，则水平滚动条不再出现。当我尝试列表(float: left 或 display: inline-block)时，它是同样的问题。

#div_scroll {
    width: auto;
    height: 50px;
    border: 1px solid black;
    overflow-x: auto;
    overflow-y: hidden;
}

#p_scroll {
	width:500px
}

<div id="div_scroll">
  <p id="p_scroll">
    m ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut kasd gubergren, no sea takimata sanctus est Lorem ipsum
  </p>
</div>

Answer 1

p_scroll 需要大于 div_scroll 才能工作。

换句话说:可滚动 DOM 中的 DOM 需要更大才能显示滚动条。