我有一个可变数量的盒子,我想尽可能多地显示而不强迫观众水平滚动,它们之间也应该有一定的空间.这意味着如果调整浏览器大小,则框必须移动到下一个或上一个“行”.
如何使用div和CSS实现这一目标?
提前致谢 :-)
P.S:享受我的艺术技巧:
解决方法
您需要做的就是将红色divs宽度和/或高度设置为“百分比”并将小黑色div设置为float:left.
例:
<div style="width: 80%"><div style="margin: 5px 0px 5px 10px; float: left;"></div> </div>
一旦观众调整窗口大小,这将使您的红色div重新调整大小.>