Html 最小化和重新调整浏览器大小时的格式问题

我在屏幕的顶部有一个

navbar

，元素在左右两侧，当我向左或向右调整窗口大小时，我希望元素在一起，直到它们击中，然后让窗口开始隐藏它。当前，一旦“我的元素”命中，它会尝试将

导航栏左侧的文本堆叠在下面。我在右边的列表中使用了min-width，效果很好，但右边文本的min-width只是在我的徽标和文本之间增加了空间

抱歉，这让人困惑。我对这有点陌生，所以我只是想解决一些问题

CSS:

Div设置

<div id="NavBackground"> 
        <img id="imglogo" src="bklogo.png"></img>
        <text id ="Logo">BCd<span style="color:#D1D1D1">3d</span><span style="font-size:12pt">.com</span></text>    
        <ul id="Sections">
            <li id="Home"><u>Home&nbsp;&nbsp;</u></li>
            <li id="About Me"><u>About Me&nbsp;&nbsp;</u></li>
            <li id="Images"><u>Images&nbsp;&nbsp;</u></li>
            <li id="Videos"><u>Videos&nbsp;&nbsp;</u></li>
            <li id="Contact"><u>Contact&nbsp;&nbsp;</u></li>
        </ul>
    </div>


BCd3d.com

主页
关于我
图像
视频
联系人

在#NavBackground中添加一个最小宽度可能会达到效果
啊哈，达到了效果。非常感谢，这比处理每个元素更有意义。
<div id="NavBackground"> 
        <img id="imglogo" src="bklogo.png"></img>
        <text id ="Logo">BCd<span style="color:#D1D1D1">3d</span><span style="font-size:12pt">.com</span></text>    
        <ul id="Sections">
            <li id="Home"><u>Home&nbsp;&nbsp;</u></li>
            <li id="About Me"><u>About Me&nbsp;&nbsp;</u></li>
            <li id="Images"><u>Images&nbsp;&nbsp;</u></li>
            <li id="Videos"><u>Videos&nbsp;&nbsp;</u></li>
            <li id="Contact"><u>Contact&nbsp;&nbsp;</u></li>
        </ul>
    </div>