作为这个问题的序言，我对 html/CSS 非常陌生，所以请放轻松:)
我目前正在设计一个顶部有一个固定位置标题的网页。标题包含一个徽标、一些下拉菜单和一个右侧浮动容器，显示当前登录的人的姓名。
发生的问题是，如果我将屏幕重新调整为更小，标题的元素会换行到下一行。
灰色背景是一个父 div（包含徽标、下拉菜单和登录信息），宽度为 100%，固定高度和固定位置。我最初将徽标和菜单列表设置为 float:left 以使其保持一致，但一直在使用 display:inline-block 来查看是否有帮助（遗憾的是，它没有太多帮助）。右边的容器一直持有“以 Alex 身份登录”设置为浮动：右
我尝试为标题栏提供固定宽度，并将其溢出设置为自动 - 这两个选项都没有解决问题。
在我的完美世界中，在内容现在开始换行的地方，我希望整个页面水平滚动，而不是将内容推送到下一行。我正在寻找的功能的一个很好的例子是 Youtube 上的顶部栏，当您最小化屏幕时，项目会挤压在一起，并且当它们不能被挤压得更近时页面开始水平滚动。
在过去的几天里，我已经为此苦苦挣扎了好几个小时，非常感谢您提供愉快的帮助或指导。谢谢 ：）
我试图发布图片，但我没有足够的声誉。我有图像，如果有人想要，我可以找到一种在调整大小之前发送的方法