html - 相对位置不适用于动态菜单的显示表格单元格？

Question

我创建了一个由链接组成的水平菜单。我需要调整这些链接的大小，使其直接显示在菜单下方。

<div id="level2Nav_Menu" class="mega-menu menucol1" style="position: absolute; visibility: visible; display: none; left: 392px; top: 110px; display: none; z-index: 1000;"">
    <div id="overlap" class="overlapmenubg firstlast" style="display: block;position: relative">Advice & Guidance</div>
    <div class="content" style="position: relative";>
        <table cellspacing="0" border="0">
            <tbody>
                <tr>
                    <td class="">
                        <span>
                            <div class="l2">
                                <a href="">text 1</a>
                            </div>
                        </span>
                        <span>
                           <div class="l2">
                                <a href="">text 1</a>
                            </div>
                        </span>

                    </td>
                </tr>
            </tbody>
        </table>
    </div>

/css 样式/

.mega-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #AAAAAA !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset;
    margin-left: 0;
    margin-top: -1px;
    width: 450px;
    z-index: 5999;
}
.menucol1 {
    width: 200px !important;
}

Answer 1

尝试用位置值定义位置。示例position:relative；左:20px