jquery - 我怎样才能用CSS做到这一点？ (第三层、第四层的传承？？)

Question

我有以下菜单:http://fiddle.jshell.net/KQYsn/1/

点击链接“User”，您将看到一个 div funcMenu_content_links 向下滑动。我需要做什么才能使 div 与菜单大小相同？ (div继承菜单宽度)

可能吗？

Answer 1

要使其占据菜单的整个宽度，只需添加一个位置并将 left 设置为 0(这样它将从最左侧开始。

.funcMenu_content_links
{
    display: none;
    margin: 0;
    padding: 0;
    background: #C3C3C3;
    height: 90px;
    position:absolute;
    left:0;
}

如果您需要它是屏幕的整个宽度(而不仅仅是 4 个菜单项)，那么您需要手动将宽度设置为屏幕大小。将以下内容添加到您的 jquery 函数中以获得该效果。

$(window).resize(function () {
    $("#funcMenu > li > .funcMenu_content_links").width($(document).width())
}).resize();

http://fiddle.jshell.net/KQYsn/7/