菜单被隐藏在div

我想要显示菜单上的<i class="fa fa-chevron-down"></i>点击。我正在使用引导程序3. 问题是菜单隐藏在div的内部。我想显示div以上的菜单。我的代码是在这里：http://jsfiddle.net/xrcwrn/o9txgsbz/菜单被隐藏在div

代码：

<div class="thumbnail"> 
    <div class="media"> 
     <a class="pull-left" href="#"> 
     <img class="media-object" src="" alt="Image" /> 
     </a> 
     <div class="pull-right" style="color: #c1c1c1"> 
      <ul> 
       <li class="dropdown"> 
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 
         <i class="fa fa-chevron-down"></i> 
        </a> 
        <ul class="dropdown-menu" role="menu"> 
         <li><a href="topstory">delete</a></li> 
         <li><a href="findfriends">Find Friends</a> </li> 
         <li><a href="settings">Settings</a></li> 
         <li><a href="logout">Logout</a></li> 
        </ul> 
       </li> 
      </ul> 
     </div> 
     <div class="media-body"> 
      <div class="media-heading"> 
       <strong> 
        <a href=profile?id=23">ABCD EFgh</a> 
       </strong> 
      </div> 
      <div class="media-heading" style="font-size: 9px">12/13/14</div> 
     </div> 
     <div> 
      Hello sdf asdf asdf asdf asdf asdf asdf 
     </div> 
    </div> 
</div>

来源

2014-09-21 xrcwrn

您需要更改一些规则：

.dropdown-menu { 
    top: initial; 
    left: initial; 
    right: 0; 
} 

.dropdown { 
    position: static; 
}

见这里：http://jsfiddle.net/o9txgsbz/2/

来源

2014-09-21 11:43:29 Shomz

菜单的某些部分在.thumbnail之外。我们如何才能在.thumbnail中加入 – xrcwrn 2014-09-22 06:50:34

菜单隐藏在监守类media元素具有overflow:hidden所以当菜单出现溢出的部分是隐藏的。
您可以给overflow: visible添加媒体元素以使菜单可见。
看到这个
http://jsfiddle.net/o9txgsbz/1/

来源

2014-09-21 11:35:19

可我们的媒体区域打开菜单。菜单在媒体边界 – xrcwrn 2014-09-21 11:53:17

之外，因为在'dropdown = menu'类中，'left'为0.在css中改变左边的值以调整菜单位置。 – 2014-09-21 11:58:26

感谢您的commet – xrcwrn 2014-09-21 12:01:19

菜单被隐藏在div

回答

相关问题