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

时间:2017-11-18 11:30:18

标签: html css dom

当我的div“mytable”类溢出时,我一直试图附加一个滚动条。

当我在一个带有新css的新文件中重新创建这个html的大块时似乎有用,但是有很多东西要移动,我宁愿弄清楚这个有什么问题。

下面是我的html结构,this是我浏览器的样子

<div class="contFacs">

<div id="primary" class="content-area startAnime">

    <div class="col33Fac">
        <p class="itemfact"><?php echo get_field('texto_1'); ?></p>
       <p class="count"> <?php echo get_field('numero_1'); ?></p>
    </div>


    <div class="col33Fac borderDoble">
         <p class="itemfact"><?php echo get_field('texto_2'); ?></p>
         <p class="count"><?php echo get_field('numero_2'); ?></p>

    </div>


    <div class="col33Fac">
        <p class="itemfact"><?php echo get_field('texto_3'); ?></p>
        <p class="count"><?php echo get_field('numero_3'); ?></p>
    </div>


</div>

</div>

为html提供溢出隐藏属性,并且正文删除了常规滚动条,但我无法将滚动条附加到我的主div,它作为一个类名为“mytable”的表格

根据类似帖子的建议尝试使用固定尺寸的高度或宽度,但它们似乎都没有效果。

<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

2 个答案:

答案 0 :(得分:2)

将.mytable的显示属性从table更改为'block'或其他内容('table'和'inline'元素除外)。它将开始显示滚动条

答案 1 :(得分:0)

尝试使用

  

溢出:滚动;

在div中你想要滚动条。