如果瀏覽器窗口變小，請將div浮動到左側

我正在嘗試製作某種時間軸，但我不能保持div水平浮動。如果瀏覽器窗口變小，請將div浮動到左側

我有一個隱藏溢出的div容器。在容器內部我有浮動到左邊的div。這些div裏面是ul的固定寬度。

如果我調整瀏覽器的大小，我希望div從優雅地切斷。

目前的情況是，漂浮前一個下方，留下一些難看空白。

如何水平維護所有內容？

任何幫助表示讚賞！

感謝進階，理查德

編輯

<STYLE> #bericht_container{ border: thin solid #000000; margin-left:20px; overflow:hidden; padding:10px; width:900px;} DIV.bericht_maand{ float:left; margin-left: 20px; border: 2px solid #A0A0A4; } </STYLE>

來源

2010-07-05 Richard

你能提供一些HTML/CSS的例子嗎？ – 2010-07-05 04:03:29

你必須將它們包裝在一個div那是你想要你的網頁的最小寬度。

E.g.

#wrapper { width: 900px; } 

<div id="wrapper"> 
    ... Your current HTML ... 
</div>

你不能有格「dissapear」了與CSS的邊緣，但你可以在頁面顯示水平滾動條時，發生這種情況。

來源

2010-07-05 04:03:27

你的寬度需要足夠容納他們兩個並排。 – 2010-07-05 04:55:32

謝謝，我有這個頁面，它優雅地完成，但我似乎無法重複相同的行爲？http：//demo.tutorialzine.com/2010/01/advanced-event-timeline-with-php-css -jquery/demo.php – Richard 2010-07-05 05:05:33

我想我現在看到它，它乘以容器中的div並相應地設置容器的寬度，我想？但這是jquery的東西。我認爲這可以用純CSS來完成。我會做更多的測試，以確保！ – Richard 2010-07-05 05:10:48

我還沒有測試過，但我認爲它應該工作，如果你設置div寬度爲100％，並溢出隱藏？

來源

2010-07-05 06:06:18 qw3n

如果瀏覽器窗口變小，請將div浮動到左側

回答

相關問題