为了预先提出这个问题,我对html / CSS非常陌生,所以请对我这么容易:)
我目前正在设计一个网页,其顶部有一个固定的位置标题。标题包含徽标,一些下拉菜单和右浮动容器,显示当前登录人员的姓名。
发生的问题是,如果我将屏幕重新调整为较小,则标题的元素会换行到下一行。
灰色背景是父div(包含徽标,下拉菜单和登录信息),宽度为100%,固定高度和固定位置。我最初将徽标和菜单列表设置为浮动:左边是为了让它们保持在线,但是一直在玩显示:内联块以查看是否可以帮助任何事情(遗憾的是,它没有多少)。右边的容器“以Alex身份登录”设置为float:right
我试过给标题栏一个固定的宽度,并将其溢出设置为自动 - 两个选项都没有解决问题。
在我的完美世界中,在内容开始包装的时刻,我希望整个页面水平滚动而不是将内容推送到下一行。我正在寻找的功能的一个很好的例子是Youtube上的顶部栏,当你最小化屏幕时,项目挤压在一起,当页面不能被压得更近时页面开始水平滚动。
在过去的几天里,我一直在为这个问题苦苦挣扎好几个小时,我们将非常感谢您的帮助或指导。谢谢:))
我试图发布图片,但我没有足够的声誉。我有图像,如果有人想要
,我可以找到一种发送前后调整大小的方法答案 0 :(得分:1)
您可以指定
最小宽度
和/或
最小高度
:)
答案 1 :(得分:0)
overflow
是你的朋友:
在容器上使用overflow:scroll
,应该修复它。有关溢出的更多内容:http://www.w3schools.com/cssref/pr_pos_overflow.asp