html - 单击图标时列表消失

Question

问题的根源:单击 Web 应用程序上的图标时，我得到了一个列表。它工作正常，但是当它有很多元素时，它会在屏幕“上方”，我看不到它。这是屏幕的上半部分:

我几乎可以肯定解决方案是一个很小的 ​​CSS 属性，但找不到哪个。

这是列表:

<div class="fg-menu-container ui-widget ui-widget-content ui-corner-all" style="width: 450px; bottom: 35px; top: auto; right: auto; left: 0px; display: block;">

<ul id="documentlist" class="fg-menu ui-corner-all" role="menu" aria-activedescendant="active-menuitem" aria-labelledby="documentListButton">

        AAA<li role="menuitem"><a href="_#" data-cid="c67" class="ui-corner-all" tabindex="-1"><img title="Edit Attachment" alt="Edit Attachment" src="/_dev/images_/Attachment16.png">test</a></li>

        AAA<li role="menuitem"><a href="_#" data-cid="c68" class="ui-corner-all" tabindex="-1"><img title="Edit Attachment" alt="Edit Attachment" src="/_dev/images_/Attachment16.png">test</a></li>

       ...

        AAA<li role="menuitem"><a href="_#" data-cid="c91" class="ui-corner-all" tabindex="-1"><img title="Edit Attachment" alt="Edit Attachment" src="/_dev/images_/Attachment16.png">test</a></li>


        <li role="menuitem">
            <hr class="top-border-item ui-state-default">
            CCCC<a href="_#" id="uploadDocumentLink" class="ui-corner-all" tabindex="-1"><img title="Attach a document" alt="Attach a document" src="/_dev/images_/AddAttachment16.png"> Attach a document</a>
        </li>


</ul></div>

这里是涉及到的 CSS 类:

.fg-menu-container { 
    position: absolute; 
    top:0; 
    left:-999px; 
    padding: .4em;  
    overflow: hidden; 
    z-index: 999
}

.ui-widget {
    font-family: Arial,sans-serif;
    font-size: 1.1em;
}

.ui-widget-content { padding: 0.5em; margin-bottom: 0.7em; }

.ui-corner-all {
    border-top-left-radius: 4px;
}

.fg-menu a:active { 
    float:left; 
    width:92%; 
    padding:.3em 3%; 
    text-decoration:none; 
    outline: 0 !important; 
}

Answer 1

你试过这个吗？

.fg-menu-container ui-widget ui-widget-content ui-corner-all{ width: 450px; bottom: 35px; top: 0; right: auto; left: 0px; display: block; overflow: auto; }

描述并没有真正说明这里的问题到底是什么..!! 如果你能帮助更多地理解同一件事，那将会有很大的帮助。