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后，您可以使用

。 –

回答