如何將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/