html – 父div容器隐藏下拉菜单

概述很难在jsfiddle中重新创建它,所以我将继续粘贴屏幕截图, HTML和CSS： 我在显示上图中的下拉列表时遇到问题. HTML和CSS： <div class="row-fluid profile-gallery-image-container"> <div class="span12"> <a href="#"><img src="#"/></a> 很难在Jsfiddle中重新创建它,所以我将继续粘贴屏幕截图,HTML和CSS：

我在显示上图中的下拉列表时遇到问题.

HTML和CSS：

<div >    <div >        <a href="#"><img src="#"/></a>        <div >            <div >                <a href="#"  data-toggle="dropdown"><i ></i></a>                <ul >                    <li><a href="JavaScript:voID(0);">test</a></li>                </ul>            </div>        </div>        <div >            <a href="JavaScript:voID(0);"/></a>        </div>    </div></div>.profile-gallery-image-container {max-wIDth: 130px;max-height: 110px;margin-bottom: 0px;display: inline-block;position: relative;border: 2px solID rgba(140,140,1);z-index: 0;}.image-options {float: right;top: 0px;right: 0px;position: absolute;padding-top: 2px;border-left: 2px solID rgba(255,128,64,1);border-bottom: 2px solID rgba(255,1);wIDth: 15px;height: 15px;}

我究竟做错了什么？

解决方法 这可能与z-index级别有关,也可能是溢出设置.

将父容器设置为“overflow：visible;”这将是一个开始 – 但后来我会看到位置：相对于菜单CSS – 这通常有助于解决问题.

但最终没有看到一个有效的演示,我无法弄明白.

总结

以上是内存溢出为你收集整理的html – 父div容器隐藏下拉菜单全部内容，希望文章能够帮你解决html – 父div容器隐藏下拉菜单所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。