CSS固定侧面菜单与图像，包装

Question

我的页面上有一个固定SIDEmenu的位置。它包含100个小图像。每张图像为10像素×10像素。

如何让图像垂直包裹？

我的意思是如果浏览器高度为500，那么它将显示2列中的图像，如果浏览器屏幕高度为250则为4列...就像垂直自动换行一样。

这可以使用HTML和CSS吗？

添加：=左侧是一个固定的菜单栏，有100个小图片。我试图让它在iphone和电脑上运行。图像用于浏览网站，因此每个图像都很重要。在iPhone的底部图像被切断，所以我想包装它们。所以基本上我需要在较小的屏幕上使菜单更宽，以适应所有的菜单图像

Answer 1

如果你浮动：离开你的图像，侧边栏是一个div，高度为％，图像将根据大小浮动。我会试着举个例子。

例如： http://jsbin.com/isiquw/1/

Answer 2

在SIDE菜单中尝试此CSS属性，

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

请记住，在本DIV结束后使用一个明确的：

Answer 3

一种选择是使用css3的媒体查询：

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

Here是我做的一个基本示例，您可以通过调整浏览器大小来尝试它（如果它支持css3媒体查询，当然）