javascript - 在父 div 溢出时，子 div 在父 div 之外不可见

Question

<section class="margin-top-30">
            <div class="row" style="position: relative;">
                <div class="col-sm-4">
                    <div class="lightbgblock" style="overflow-x:visible;overflow-y:scroll;">
                        <h3>
                            <i class="fa fa-list"></i> Categories
                        </h3>
                        <section>
                            <h5
                                style="background-color: orange; padding-left: 10px; border-radius: 20px; line-height: inherit;">
                                <strong>Private Events</strong>
                            </h5>
                            <ul id="private_events_list" class="listing_categories">
                                <li><a href="#" class="wedding_icon">Wedding</a>
                                    <div class="list_sub_categories container">
                                        <div class="row col-lg-12 col-xs-12">

                                            <table>
                                                <tr class="container">
                                                    <td>
                                                        <ul class="list-group col-lg-12 col-xs-12">
                                                            <li class="col-lg-6 col-md-12 col-sm-12 col-xs-12"><label
                                                                class="checkbox-inline"><input
                                                                    class="checkbox-input checkByDef" type="checkbox">Marriage
                                                                    Halls/Kalyana Mandapams</label></li>
                                                            <li class="col-lg-6 col-md-12 col-sm-12 col-xs-12"><label
                                                                class="checkbox-inline"><input
                                                                    class="checkbox-input checkByDef" type="checkbox" />Organizers</label></li>

以上是 ul 和 li 的父列表和子列表的代码部分。第一张图片实际上是我想要的。即鼠标悬停在父列表上时，子列表应该是可见的。但是第二张图片是我实际得到的，子 div 在父 div 之外不可见，我需要让它像第一张图片一样可见。

[ [ 1

Answer 1

我自己解决了。我刚刚将子列表 div 设为静态，并将 overflow: auto 添加到父 div。这会启用父 div 的滚动，并且当子 div 定位为静态时，它将处于相同位置并且无论如何都会显示。

谢谢@prasad 的回复。