如何增加孩子的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>

我想使用百分比（宽度：100％）等于换行div来增加子ul（mega_menu）宽度。因此，如果任何访问者调整浏览器大小，则ul（mega_menu）会自动调整大小。像这样

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