php - 导航栏中的引导多级下拉菜单有不需要的空白空间

Question

我有引导多级下拉导航栏。当我单击按钮时，我希望子菜单位于列表的右侧，但它与最后一个选项重叠。谁能建议我怎么做？

  <ul class="nav navbar-nav col-lg-4">  
  <li class="active dropdown yamm-fw">
  <a href="index.php" data-hover="dropdown" class="dropdown-toggle">Home</a>
  </li>
  <li class="dropdown"><a class="dropdown-toggle" data-hover="dropdown" 
href="#"> category <span class="caret"></span> </a>
  <ul class="dropdown-menu dropright">
  <?php $sql=mysqli_query($con,"select id,categoryName  from category 
limit 10");
while($row=mysqli_fetch_array($sql))
{       
   $category_name=$row['categoryName'];
  if ( $category_name == "Clothing")
   { ?>
 <li class="dropdown yamm btn-group">
 <a class="dropdown-toggle " data-toggle="dropdown" href="#"> <?php echo 
 $category_name; ?><span class="caret"></span></a>
   <ul class="dropdown-menu dropright">
 <?php $sql1=mysqli_query($con,"select id,subcategory  from subcategory1 
 where categoryid=" .$row['id']);
 while($row1=mysqli_fetch_array($sql1))
  { ?>
 <li class="dropdown yamm">
 <a  href="category.php?cid=<?php echo $row1['id'];?>"> <?php echo 
 $row1['subcategory'];?></a>
 </li>
 <?php } ?>
 </ul>
  </li>
    <?php } 
    else
          { ?>
      <li class="dropdown yamm">
        <a href="category.php?cid=<?php echo $row['id'];?>"> <?php echo 
         $row['categoryName'];?></a>
        </li>
          <?php 
           }
           } ?>
        </ul>

Answer 1

您可以通过将填充值写入 CSS 来克服这个问题。

    .nav li {padding-top: 5px; padding-bottom: 5px;}

另外，请查看 line-height 属性，它可能会产生一些问题。在某些情况下。