2017-05-24 27 views
0

我正在使用实现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> 

enter image description here

回答

0

我只是设置收集的最小高度,以便其能正常显示在屏幕上。

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