html - CSS 列表问题

Question

任何人都可以帮助解决这个 CSS 问题。当任何 NavLevel2 文本超过 200 像素时，我需要 NavDropDown 变宽。列表项中不应有文字换行，NavLevel1 应始终为 200 像素宽。

<div id="Nav">
    <ul>
        <li class="NavLevel1" style="width: 200px; border: 1px solid Black;"><a><span>Level 1.1</span></a>
            <ul id="NavDropDown" style="border: 1px solid Black;">
                <li class="NavLevel2"><a><span>Level 2.1.1 test to see if this will push the width out a little</span></a></li>
                <li class="NavLevel2"><a><span>Level 2.1.2</span></a></li>
                <li class="NavLevel2"><a><span>Level 2.1.3</span></a></li>
            </ul>
        </li>
    </ul>
</div>

Answer 1

将 width 样式更改为 min-width。