超级菜单CSS需要修复

时间:2016-07-13 02:57:29

标签: css megamenu

我学习创建自己的wp主题。但是当我创建megamenu时我有问题。我会说谢谢,因为有人帮助我。如何全宽,这个megamenu。

<nav id="navigation">
<ul class="pagemenu">
    <li class="megamenu">
        <a title="<?php echo get_bloginfo('name'); ?>" href="<?php echo get_bloginfo('url'); ?>">Megamenu</a>
        <ul>
            <li>
                <h3><a title="<?php echo get_bloginfo('name'); ?>" href="<?php echo get_bloginfo('url'); ?>">Celebrity</a></h3>
                <p><a title="<?php echo get_bloginfo('name'); ?>" href="<?php echo get_bloginfo('url'); ?>">Celebrity</a></p>
                <p><a title="<?php echo get_bloginfo('name'); ?>" href="<?php echo get_bloginfo('url'); ?>">Technology</a></p>
                <p><a title="<?php echo get_bloginfo('name'); ?>" href="<?php echo get_bloginfo('url'); ?>">Business</a></p>
                <p><a title="<?php echo get_bloginfo('name'); ?>" href="<?php echo get_bloginfo('url'); ?>">Fashion</a></p>
                <p><a title="<?php echo get_bloginfo('name'); ?>" href="<?php echo get_bloginfo('url'); ?>">Celebrity</a></p>
                <p><a title="<?php echo get_bloginfo('name'); ?>" href="<?php echo get_bloginfo('url'); ?>">Technology</a></p>
            </li>
        </ul>
    </li>
</ul>
<div class="clear"></div>

这里是链接jsfiddle

度过美好的一天

德万

2 个答案:

答案 0 :(得分:0)

你可以给这些设置填充整个宽度

#navigation li.megamenu{
 width: 100%;
}
#navigation li.megamenu ul{
 width: 100%
}

这是你想要的吗?
jsfiles

答案 1 :(得分:0)

我的问题已得到解决。谢谢所有

<强>关闭