實現CSS：下拉不能正確顯示集合

我正在使用實現CSS。我在其中創建了一個集合。我想顯示更新和刪除選項。一切工作。一個小的UI錯誤是有下拉是收藏品內的剪輯。實現CSS：下拉不能正確顯示集合

它可能是因爲收集溢出隱藏規則。

我可以改變它而不改變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>

來源

2017-05-24 Naitik Kundalia

我只是設置收集的最小高度，以便其能正常顯示在屏幕上。

<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>

來源

2017-05-26 05:27:04

實現CSS：下拉不能正確顯示集合

回答

相關問題