实现CSS：下拉列表无法在集合内正确显示

Question

我正在使用materialize css。我在其中创建了一个集合。我想显示更新和删除选项。一切正常。一个小的ui错误是下拉列表是收集项目内的剪辑。

可能是因为收集溢出隐藏规则。

我可以在不改变css溢出隐藏的情况下进行更改吗？

这是我的代码和截图。

<ul class="collection" id="products">
                    <?php
                         while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) 
                         {

                    ?>
                            <ul id='dropdown<?php echo $row["id"]?>' class='dropdown-content'>
                                <li><a href="product.php?id=<?php echo $row["id"] ?>">Update</a></li>
                                <li><a href="delete.php?id=<?php echo $row["id"] ?>"></a></li>
                            </ul>
                            <li class="collection-item avatar" style="opacity: 0">
                                <span class="title"><?php echo $row["name"] ?></span>
                                <p><?php echo $row["description"] ?></p>
                                <a href="#!" class="secondary-content dropdown-button" data-activates='dropdown<?php echo $row["id"]?>'><i class="material-icons">more_vert</i></a>
                                <!-- <td style="width: 15%"></td>
                                <td style="width: 50%"></td>
                                <td style="width: 15%"><?php //echo $row["unit_id"] ?></td>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td> -->
                            </li>
                    <?php
                         }
                    ?>
                    </ul>

Answer 1

我只是设置了集合的最小高度，以便在屏幕上正确显示。

<li class="collection-item avatar" style="opacity: 0;min-height: 17%">
                                <span class="title"><?php echo $row["name"] ?></span>
                                <p><?php echo $row["description"] ?></p>
                                <a href="#!" class="secondary-content dropdown-button" data-activates='dropdown<?php echo $row["id"]?>'><i class="material-icons">more_vert</i></a>
                            </li>