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和s的代码部分以及父和子列表。第一张图片实际上就是我想要的。即鼠标悬停在父列表上时，子列表应该是可见的。但第二个图像实际上是我得到的，子div在父div中是不可见的，我需要让它在第一个图像中可见。

[ [ 1

Answer 1

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

感谢@prasad的回复。

在父div的溢出时，子div在父div之外是不可见的

1 个答案: