在父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設為靜態，並添加了溢出：自動添加到父div。 這將啟用父div的滾動，並且當子div定位為靜態時，它將處於相同位置，並且無論如何都會顯示。

謝謝@prasad的回復。