Javascript 如何将图像列表放入固定的div中

我有一个横向固定的div（像一个菜单栏），我试图弄清楚如何将图像放在那里，放在一个类似表格的视图中（例如3列和X行），知道这些图像是动态生成的

更具体地说，我将有10张图片放在那里。我可以把它们放在html中，但是javascript会根据各种因素（主要是用户权限）显示或不显示特定的图像，所以我希望这些图像能够自动重新排序

我更喜欢JS而不是CSS，所以我会将图像放在fixed中，并使用脚本来处理它们的顶部和左侧属性，但我相信CSS（不是css3，我正在尝试做一些复古兼容性）或任何其他更简单的方法可以做到这一点

非常感谢

听起来像是

---

如果没有，请包装图标并放置其容器

我想这就是您需要的。

请确认

HTML:

---

我知道这个插件，但我认为它对更复杂的情况很有用，因为有很多矩形div和所有东西，我想要的只是一个由几个元素组成的网格，当其中一些元素被隐藏或显示时替换它们：无。我想，这将是用浮动div自动生成的，但问题是，我不知道是否可以在固定的父div中使用它们。关于div，什么是固定的？你能举个例子吗？例如，我放了一个带有lorempixel的JSFIDLE随机图像，但正如你所看到的，所有的图像都被叠加起来了。我希望它们以网格的形式显示在固定的div中，如果可能的话，在图标css上固定的记忆位置使它们在显示无时重新排列，但是为了安全起见，图像会放在ui\u菜单backgroundimage的顶部，而不是放在上面：基于用户权限的隐藏/显示元素理想情况下不应该在客户端。只有用户有权访问的内容才能进入浏览器。您可以对其进行进一步编辑，使其符合您的需要。这似乎很好，我将在项目中试用，我向您确认（我希望^^^）它很好，唯一的问题是当我想在myMenu div中添加填充时，它会自动移动，而不是替换其内容。您的意思是说，您希望背景图像从下方开始，还是仅向下移动图标？我的错，它使用定义的top属性工作（我只希望图标向下移动）。非常感谢：）

<div id="ui_myMenu">
            <div id ="ui_ui_myMenuTitle">HELLO TITLE</div>
            <img id="ui_image1" class="ui_menuIcons" src ="http://www.designworks.co.nz/uploads/images/case-studies/nz-post/post_button.jpg"/>
            <img id="ui_image2" class="ui_menuIcons" src="http://t2.ftcdn.net/jpg/00/24/77/15/400_F_24771516_GheG3ehk2o3T6mJJkFy9k2siYoMrVigc.jpg"/>
</div>

 #ui_myMenu{
position: fixed;
    bottom: 15%;
    width: 575px;
    height: 426px;
    left: 2%;
    top:2%;
    background:url('http://www.psdgraphics.com/wp-content/uploads/2009/02/abstract-background.jpg') left top no-repeat;
}
#ui_myMenuTitle{
    margin-left: 16%;
    margin-top: 4.8%;
    font-size: 380%;
}
.ui_menuIcons{
    float: left;
    width : 5%;
    height : 7%;
}