如何删除子类别和类别划分之间的空间？

-1

.category-list { 
 
    width: 20%; 
 
    margin-left: 50px; 
 
    position: fixed; 
 
    top: 50px; 
 
} 
 

 
#subcat1 { 
 
    width: 50%; 
 
    position: fixed; 
 
    top: 50px; 
 
    left: 350px; 
 
}

<div class="category-list" id="list-category"> 
 
    <div class="list-group"> 
 
    <a href="#" class="list-group-item" onmouseout="document.getElementById('subcat1').style.display = 'none';" onmouseover="document.getElementById('subcat1').style.display = 'block';">First item</a> 
 
    <div class="subcat" id="subcat1" style="display:none;" onmouseout="document.getElementById('subcat1').style.display = 'none';" onmouseover="document.getElementById('subcat1').style.display = 'block';"> 
 
     <div class="list-group"> 
 
     <a href="#" class="list-group-item">Second item</a> 
 
     <a href="#" class="list-group-item">Third item</a> 
 
     <a href="#" class="list-group-item">First item</a> 
 
     <a href="#" class="list-group-item">Second item</a> 
 
     <a href="#" class="list-group-item">Third item</a> 
 
     <a href="#" class="list-group-item">First item</a> 
 
     <a href="#" class="list-group-item">Second item</a> 
 
     <a href="#" class="list-group-item">Third item</a> 
 
     <a href="#" class="list-group-item">First item</a> 
 
     <a href="#" class="list-group-item">Second item</a> 
 
     <a href="#" class="list-group-item">Third item</a> 
 
     </div> 
 

 
    </div> 
 
    </div> 
 
</div>

两个SUBCAT部门和类别divison在之间得到一个小的空间，但我想让他们连接即使当检查响应湖，如果我被击中做出适当的左手食指和审判空间被删除，但当我检查响应性问题时，它再次出现。我可以使用什么，而不是固定的位置，以保持它们都连接！在此先感谢

来源

2017-07-11 Rahul Sharma

你说的是什么样的空间？ –

我已经修复了category-list和subcat1的位置，因为它们之间存在空间。我想要移除它们之间的空间 –

为什么使用'fixed'定位。只需使用“亲戚”即可。 –

.category-list{ 
 
    width:20%; 
 
    margin-left:50px; 
 
    position: relative; 
 
    top:50px; 
 
    
 
    
 
} 
 
#subcat1{ 
 
    width:50%; 
 
    position:absolute; 
 
    top:0px; 
 
    right:0 
 
}

<div class="category-list" id="list-category"> 
 
       <div class="list-group"> 
 
       <a href="#" class="list-group-item" onmouseout="document.getElementById('subcat1').style.display = 'none';" onmouseover="document.getElementById('subcat1').style.display = 'block';" >First item</a> 
 
       <div class="subcat" id="subcat1" style="display:none;" onmouseout="document.getElementById('subcat1').style.display = 'none';" onmouseover="document.getElementById('subcat1').style.display = 'block';"> 
 
         <div class="list-group"> 
 
          <a href="#" class="list-group-item">Second item</a> 
 
          <a href="#" class="list-group-item">Third item</a> 
 
          <a href="#" class="list-group-item">First item</a> 
 
          <a href="#" class="list-group-item">Second item</a> 
 
          <a href="#" class="list-group-item">Third item</a> 
 
          <a href="#" class="list-group-item">First item</a> 
 
          <a href="#" class="list-group-item">Second item</a> 
 
          <a href="#" class="list-group-item">Third item</a> 
 
          <a href="#" class="list-group-item">First item</a> 
 
          <a href="#" class="list-group-item">Second item</a> 
 
          <a href="#" class="list-group-item">Third item</a> 
 
         </div> 
 

 
       </div> 
 
</div> 
 
</div>

来源

2017-07-11 08:41:12 SamB

这是你想达到的目的吗？ – SamB

差不多，但我已经使用引导类，但是当我检查类别列表分区变化的响应宽度，并进一步subcat分区正在重叠 –

也许我想停止引导程序在类别列表分区 –

如何删除子类别和类别划分之间的空间？

回答

相关问题