当窗口变得太小时,如何防止div内容被包装?

时间:2013-09-11 21:32:25

标签: html css web wrapping

为了预先提出这个问题,我对html / CSS非常陌生,所以请对我这么容易:)

我目前正在设计一个网页,其顶部有一个固定的位置标题。标题包含徽标,一些下拉菜单和右浮动容器,显示当前登录人员的姓名。

发生的问题是,如果我将屏幕重新调整为较小,则标题的元素会换行到下一行。

灰色背景是父div(包含徽标,下拉菜单和登录信息),宽度为100%,固定高度和固定位置。我最初将徽标和菜单列表设置为浮动:左边是为了让它们保持在线,但是一直在玩显示:内联块以查看是否可以帮助任何事情(遗憾的是,它没有多少)。右边的容器“以Alex身份登录”设置为float:right

我试过给标题栏一个固定的宽度,并将其溢出设置为自动 - 两个选项都没有解决问题。

在我的完美世界中,在内容开始包装的时刻,我希望整个页面水平滚动而不是将内容推送到下一行。我正在寻找的功能的一个很好的例子是Youtube上的顶部栏,当你最小化屏幕时,项目挤压在一起,当页面不能被压得更近时页面开始水平滚动。

在过去的几天里,我一直在为这个问题苦苦挣扎好几个小时,我们将非常感谢您的帮助或指导。谢谢:))

我试图发布图片,但我没有足够的声誉。我有图像,如果有人想要

,我可以找到一种发送前后调整大小的方法

2 个答案:

答案 0 :(得分:1)

您可以指定

  

最小宽度

和/或

  

最小高度

:)

答案 1 :(得分:0)

overflow是你的朋友:

在容器上使用overflow:scroll,应该修复它。有关溢出的更多内容:http://www.w3schools.com/cssref/pr_pos_overflow.asp