滚动条不在<div>中填充,并且溢出&#39;样式

时间:2017-11-07 09:42:31

标签: css html5

我在前端世界非常新(我在99年做过html ......从那时起很多变化......) sourse的例子在这里:     css code https://jsfiddle.net/titan83/bm13dqyy/1/ 您可以看到垂直滚动条粘贴到顶部元素(组合框)。然而问题中的表格是否正确。 如何强制滚动条像表一样对齐? 感谢。

1 个答案:

答案 0 :(得分:1)

解决了您的问题,将margin-top: 10px而不是padding-top: 10px提供给div overflow

      <select id="SGroups" onchange="onSGroupChanged(this.value)" style="width: 100%"></select>
      <div style="height:80vh; overflow: scroll; margin-top: 10px;">
        <table id="worksheetTable">
        <tr><td>1</td></tr>
        <tr><td>2</td></tr>
        <tr><td>3</td></tr>
        <tr><td>4</td></tr>
        </table>
      </div>