包裝浮動塊元素

我要的是爲<li>的突破到下一行，當其寬度比固定容器更寬。換句話說，而不是推容器寬，我想<li>換到下一行。例如。是這樣的：http://jsfiddle.net/FK3cd/4/（除了沒有明確的寬度）

這可能嗎？

2012-03-15 Leo Jiang

你可以使用JavaScript，或者沒有這方面的需求是純CSS？ – Brandan 2012-03-15 02:52:12

最好只是CSS。但是如果純粹的CSS解決方案是不可能的，JS解決方案是可以的。 – 2012-03-15 02:53:14

根據您的使用方式，您可以將列表包裝在自己的<div>中，即position: absolute。這會導致內部<div>摺疊爲父級的寬度，只要您不沾染top和left，它將保持在其當前位置。

但是，這將刪除文檔流程的列表，並可能進一步破壞其它佈局了網頁。

Check out this fiddle for an example.注意，黃色背景不包括列表中。

2012-03-15 03:00:46 Brandan

我想你得到了小提琴的錯誤鏈接。這似乎工作：http://jsfiddle.net/FK3cd/6/但正如你所說，它會打破布局。如果沒有其他答案，我會將其標記爲正確答案。 – 2012-03-15 15:11:07

你說得對。我在複製URL之前忘了保存小提琴。我在我的答案中解決了它。 – Brandan 2012-03-15 17:28:08

-1

我不相信這是可能的只是在CSS中，因爲你不想設置一個明確的寬度，容器大小將適應內容。

2012-03-15 02:59:09 Yus

回答