如何将div的大小限制为窗口尺寸？

Question

我有一个存放书签的菜单栏（div），当插入了太多书签时，该菜单栏（div）对于首选页面大小（1280,720）变得太宽，并且变成滚动字体，将一半书签留在视图外。

我想，以确保所有的书签都在视图和最好的选择似乎是，我必须作出额外的书签出现在下一行。有人能指导我朝着正确的方向或更好的方向提供一份工作样本。我只是学习使用jQuery，我发现这非常困难。

Example code in jsfiddle

Answer 1

您可以在ul元素上找到它。

white-space: nowrap; 

这意味着，该元素的内容绝不会换到另一条线路，所以它延伸出过窗口，而不是边缘。删除该规则，并且你有更接近你想要的东西。也就是说，当你的内容溢出一行时，你想要它换行到下一行。

http://jsfiddle.net/y9a64/9/

Answer 2

http://jsfiddle.net/bH8yA/ 您正在寻找这样一个解决方案吗？如果是这样，它是直的CSS。

Answer 3

您可以通过使用CSS溢出-X实现这一目标：汽车;请参阅示例http://jsfiddle.net/Xa8yB/6/