Html 菜单隐藏在div中

我试图在单击时显示菜单。 我使用的是bootstrap3。 问题是菜单隐藏在

div

中。 我想在

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>

12/13/14
你好，sdf asdf asdf asdf asdf asdf asdf asdf asdf

菜单是隐藏的，因为在

媒体中
类元素具有
溢出：隐藏
，因此当菜单出现时，溢出部分是隐藏的。

您可以将
overflow:visible
赋予媒体元素，使菜单可见。

看到这个了吗

您需要更改一些规则：

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

.dropdown {
    position: static;
}

请参见此处：
我们可以打开媒体区域中的菜单吗。菜单超出了媒体边界，因为在
dropdown=menu
class中，
left
为0。更改css中“左”的值以调整菜单位置。感谢您的通知。菜单的某些部分超出了.缩略图。我们如何在.缩略图中呼叫