CSS固定sidemenu，包裹

我有我的網頁上固定SIDEmenu的位置。它包含100個小圖片。每張圖片都是10px×10px。CSS固定sidemenu，包裹

如何讓圖像垂直包裝？

我的意思是，如果瀏覽器高度爲500，然後它會顯示圖像2列，如果瀏覽器屏幕高度爲250分，則4列...就像一個垂直自動換行。

這可能使用HTML和CSS？

加了：=它是在左側的固定的菜單欄，與100倍小的圖像。我試圖讓它在iphone和電腦上工作。圖像將瀏覽網站，因此每個圖像都很重要。在iPhone上底部圖像被切斷，所以我想包裝它們。所以基本上我需要的菜單要更寬更小的屏幕上時，以適應所有的菜單圖像

如果浮動

2012-09-05 David19801

一個選項是使用css3的媒體查詢：

@media (min-height:500px) and (max-height:1000px){ 
    #sidebar { width:20px; } 
}

Here是我做的一個基本示例，你可以通過調整你的瀏覽器來嘗試它（當然，如果它支持css3媒體查詢的話）

2012-09-05 10:05:29 Ties

：離開你的圖像和側欄是一個div，有高度％，圖像就乾脆浮根據大小左右。我會盡量舉個例子。

2012-09-05 09:30:29

現在側邊欄的寬度是無限的，所有的圖片都是水平的......有沒有如何控制側欄並同時浮動圖像？ – David19801

我可能不清楚這個問題。謹慎分享一個例子？ –

我沒有例子對不起:(這是一個固定的菜單欄在左邊，有100個小圖片，我試圖讓它在iphone和電腦上工作，圖像是瀏覽網站，所以每張圖片都是重要的是，在iPhone上底部圖像被切斷，所以我想包裹它們，所以基本上我需要菜單在更小的屏幕上適合所有菜單圖像時更寬... – David19801

在SIDEmenu試試這個CSS屬性，

.sidemenu { 
     width:25%; 
     height:auto; 
     float:left; 
}

記住，使用一個明確的：兩個後本月底DIV

2012-09-05 09:33:43

什麼是明確的？我之前沒有用過... – David19801

這是另一個css類，如：.clear {clear：both;}，它用於在你使用「float」的類後面移除浮動動作。在您的sidemenu後，您可以使用

。 –

回答