我怎么能用css做到这一点？ （继承第三，第四级??）

Question

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

点击“用户”链接，您会看到div funcMenu_content_links向下滑动。为了让div与菜单大小相同，我需要做些什么？ （div继承菜单宽度）

有可能吗？

Answer 1

要使其成为菜单的整个宽度，只需添加一个位置并向左移动到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/

Answer 2

你可以给它位置：绝对并获得菜单宽度：

$(document).ready(function () {
    $('#funcMenu > li > .funcMenu_category').click(function () {
        $(this).parent().find('> .funcMenu_content_links')
        .slideToggle('normal').css('position','absolute').css('width', $('#menu').css('width'));
    });
});​

JSFidde DEMO

您可能需要再调整一下。