html - 在没有滚动条的情况下一个接一个地显示两个 div 的问题

Question

我有两个 div 一个接一个地显示。 我在 div 中显示一些数据，不想显示带有滚动条的 div。 但是使用下面的代码，当数据更多时，我可以看到垂直滚动条。关于如何在没有滚动条的情况下显示整个 div 数据的任何建议。

html代码:

<div class="row">
    <table style="width:100%;">
        <tr style="height:5%">
            <td><h1>Title here</h1></td> 
        </tr>
        <tr>
            <td>
                <div .. />
            </td>
        </tr>

        <tr>
            <td>
                <div .. "/>
            </td>
        </tr>
    </table>

</div>

Answer 1

这里有一些重要的东西，我不知道它是否给你带来了麻烦，但是类 row 的 div 后面应该总是跟着另一个(或多个)类 Bootstrap 中的 col-xx-n，其中“xx”是显示列的最小屏幕尺寸，“n”是要划分行的列数。即使是单列:class: "col-sm-12"。这对于良好的响应式风格很重要。

此外，如@Robert 所说，如果它们具有相同的值，则将 id 更改为类。

如果你根本不想出现滚动条，你应该在你的 css 中试试这个:

.timeline {
    scroll: none;
}

希望对您有所帮助。