无法在溢出时将滚动条附加到我的 div答案

【问题标题】：Cant manage to attach a scrollbar to my div on overflow无法在溢出时将滚动条附加到我的 div
【发布时间】：2017-11-18 19:50:26
【问题描述】：

当我的类“mytable”的 div 溢出时，我一直在尝试附加滚动条。

当我用新的 css 在一个新文件中重新创建这个 html 的一部分时，它似乎成功了，但是有太多东西要移动，我宁愿弄清楚这个有什么问题。

下面是我的 html 结构，this 是它在我的浏览器上的样子

<body>
<div class="wrapper">
        <!-- The Modal -->
        <div class="modal">
            <!-- Modal content -->
            <div class="modal-content">
                <span class="close">&times;</span>
                <p>Some text in the Modal..</p>
            </div>
        </div>
        <div class="mytable">
            <div class="row header">
                <div class="cell small">
                    Kennel
                </div>
                <div class="cell small">
                    Type
                </div>
                <div class="cell medium">
                    Name
                </div>...and bunch more rows

为 html 提供溢出隐藏属性，正文会删除常规滚动条，但我无法将滚动条附加到我的主 div，它充当类名为“mytable”的表

尝试按照类似帖子的建议在高度或宽度上使用固定大小，但似乎都不起作用。

html, body {
  height: 100%;
  overflow: hidden;
}

.wrapper {
  margin: 0 auto;
  padding: 40px;
  max-width: 800px;
}

.mytable {
  height: 100%;
  overflow: auto;
  margin: 0 0 40px 0;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: table;
  table-layout: fixed;
}

【问题讨论】：

您是否尝试在您的.mytable 上使用overflow: scroll; 而不是overflow: auto;？
是的，确实做到了
您介意分享更多代码，以便我们更好地了解问题所在吗？

标签： html css dom

【解决方案1】：

将 .mytable 的显示属性从 table 更改为“block”或其他任何内容（“table”和“inline”元素除外）。它将开始显示滚动条

【讨论】：

【解决方案2】：

尝试使用

溢出：滚动；

在你想要有滚动条的 div 中。

【讨论】：

老兄，它不适用于显示表。如果元素溢出，也会像“auto”一样影响