作为这个问题的序言，我对html/CSS非常陌生，所以请放轻松:)
我目前正在设计一个顶部有一个固定位置标题的网页。 标题包含一个徽标、一些下拉菜单和一个显示当前登录人员姓名的右侧浮动容器。
发生的问题是，如果我将屏幕大小调整为更小，标题的元素将换行到下一行。
灰色背景是父div（持有徽标，下拉菜单和登录信息），宽度为100%，固定高度和固定位置。 我最初将徽标和菜单列表设置为 float：left 以使它们保持内联，但一直在使用 display：inline-block，看看这是否有任何帮助（可悲的是，它没有太多帮助）。 右边一直持有"以亚历克斯身份登录"的容器设置为浮动：右
我尝试为标题栏提供固定宽度，并将其溢出设置为自动 - 这两个选项都没有解决问题。
在我的理想世界中，在内容现在开始换行的点，我希望整个页面水平滚动，而不是将内容推送到下一行。 我正在寻找的功能的一个很好的例子是 Youtube 上的顶部栏，当您最小化屏幕时，项目会挤压在一起，并且当它们无法靠近时，页面开始水平滚动。
在过去的几天里，我一直在为此苦苦挣扎几个小时，很高兴的帮助或指导将不胜感激。 谢谢:)
我试图发布图片，但我没有足够的声誉。 我有图像，如果有人愿意，我可以找到一种方法来发送前后调整大小
您可以指定
最小宽度
和/或
最小高度
:)
overflow是你的朋友：
在容器上使用overflow:scroll，这应该可以修复它。有关溢出的更多信息，请访问：http://www.w3schools.com/cssref/pr_pos_overflow.asp