表或列表中的水平滚动条

时间:2017-01-26 14:59:00

标签: html css scrollbar

是否有机会有一个三方行,第一列和第三列的固定宽度为100px,第二列是否有响应? 当我尝试一个表时,如果第二列小于500px,则不再出现水平滚动条。当我尝试一个列表( 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>

2 个答案:

答案 0 :(得分:0)

p_scroll需要大于div_scroll才能生效。

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

答案 1 :(得分:0)

查看此页面,其中讨论了水平滚动条here

我根本不认为你想要那个p_scroll,或者将溢出的东西移到p_scroll中,因为你有一个东西说自动宽度而另一个设置宽度到特定的量。

在该页面上列出的内容中,您还需要添加Thank you.