2013-03-07 88 views
0

我会尽力解释这个比标题更好。

我有一个宽div = $(窗口)。宽()


现在我将有一个未定数的div与图像作为背景。

我想这一切都是从左到右定位到大格。由于大div将有不同尺寸(屏幕分辨率),但与图像的div将始终具有相同的大小(全部300x200)...我想举例,如果只有4个div与图像适合第一行,第五个图像div去到第二行。

从哪里开始?从左到右自动定位div

+0

了解“浮动”的CSS属性 – YardenST 2013-03-07 13:13:59

+0

我知道它......但我已经弄糟了一件简单的事情。谢谢BenM – 2013-03-07 16:57:46

回答

2

只需为容器内的div元素定义宽度,然后将它们左移即可。例如:

div.container > div { 
    width: 300px; 
    height: 200px; 
    float: left; 
} 

这里有一个jsFiddle demo(调整结果窗格中看到它在行动)。