使用CSS的动态行div(框)?

Chr*_*ris 8 html css

我有一个可变数量的盒子,我想尽可能多地显示,而不是强迫观众水平滚动,它们之间也应该有一定的空间.这意味着如果调整浏览器大小,则框必须移动到下一个或上一个"行".

如何使用div和CSS实现这一目标?

提前致谢 :-)

PS:享受我的艺术技巧:

替代文字

sca*_*guy 8

您需要做的就是将红色divs宽度和/或高度设置为"百分比"并设置小黑色div float: left.

例:

<div style="width: 80%"><div style="margin: 5px 0px 5px 10px; float: left;"></div> </div>
Run Code Online (Sandbox Code Playgroud)

一旦观众调整窗口大小,这将让你的红色div调整大小.>