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 styles /

.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

尝试使用位置值定义位置。示例位置：相对;左：20px

Answer 2

使用此：

position:relative;

现在提供left:somepx或right:somepx，无论你想要什么。

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

2 个答案: