html - 如何增加子ul宽度

Question

我创建了一个 ul 下拉超级菜单，这是我的超级菜单 html 代码：

<div class="wrap">
    <div>
        <a href="#"><img src="images/logo.png" alt="logo" /></a>
    </div>
    <div>
        <nav style="text-align: right">
            <ul>
                <li><a href="#">Home</a></li>
                <li>
                    <a href="#">What's new</a>

                    <ul id="mega_menu">
                        <li>
                            test
                        </li>
                    </ul>
                </li>
                <li><a href="#">Feature</a></li>
            </ul>
        </nav>
    </div>
</div>

我想使用等于 wrap div 的百分比（宽度：100%）来增加子 ul（mega_menu）宽度。这样如果任何访问者调整浏览器大小，那么 ul (mega_menu) 会自动调整大小。像这样

我正在努力解决这个问题，但我找不到任何解决方案。所以拜托，任何人都可以帮我解决这个问题。谢谢。