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

前端之家收集整理的这篇文章主要介绍了使用CSS的动态行div(框)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个可变数量的盒子,我想尽可能多地显示而不强迫观众水平滚动,它们之间也应该有一定的空间.这意味着如果调整浏览器大小,则框必须移动到下一个或上一个“行”.

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

提前致谢 :-)

P.S:享受我的艺术技巧:

解决方法

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

例:

<div style="width: 80%"><div style="margin: 5px 0px 5px 10px; float: left;"></div> </div>

一旦观众调整窗口大小,这将使您的红色div重新调整大小.>

猜你在找的CSS相关文章