Question

<aside class="col-md-3 pull-left" style="display:table;position: absolute;height: 100%;">
    <div class="row" style="display:table-cell;vertical-align: middle">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Panel 1</h3>
                <span class="pull-right clickable"><i class="glyphicon glyphicon-chevron-up"></i></span>
            </div>
            <div class="panel-body" style="height:700px;overflow:scroll;">
                <!--Panel content lorem Impsum Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod repudiandae adipisci ex officia numquam fugiat architecto voluptatum provident. Suscipit neque consectetur laudantium, doloremque fuga quaerat assumenda. Tempore laudantium quos reiciendis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Saepe, quis! Odit quam, fugit voluptates beatae dolor quod, aliquam recusandae, nemo impedit aliquid distinctio ratione. Nostrum quae praesentium nemo dignissimos tenetur-->
                <dl>
                    <dt>Music</dt>
                    <dd>weekend hobby classes</dd>
                    <hr>
                    <dt>Digital Marketting</dt>
                    <dd>Email-Social media,Analytics </dd>
                    <hr>
                    <dt>Java</dt>
                    <dd>Programming classes</dd>
                    <hr>
                    <dt>Music</dt>
                    <dd>weekend hobby classes</dd>
                    <hr>
                    <dt>Digital Marketting</dt>
                    <dd>Email-Social media,Analytics </dd>
                    <hr>
                    <dt>Java</dt>
                    <dd>Programming classes</dd>
                    <hr>
                    <dt>Music</dt>
                    <dd>weekend hobby classes</dd>
                    <hr>
                    <dt>Digital Marketting</dt>
                    <dd>Email-Social media,Analytics </dd>
                    <hr>
                    <dt>Java</dt>
                    <dd>Programming classes</dd>
                    <hr>

            </div>
        </div>
    </div>
</aside>

Answer 1

你给了身高：700px的面板身体。尝试提供更多内容并替换溢出：滚动到overflow：auto;

溢出不起作用溢出：滚动应用于面板但不显示

1 个答案: