如何重复框直到达到最大宽度/高度？答案

【问题标题】：How to repeat boxes until maximum width/height is reached?如何重复框直到达到最大宽度/高度？
【发布时间】：2013-01-05 00:02:58
【问题描述】：

    <style> 
div
{
border:2px solid #a1a1a1;
padding:10px 40px; 
background:#dddddd;
width:300px;
}
</style>
</head>
<body>

<div>The property allows to Create Chess Boxes.</div>

如何重复上述 div 圆角框，直到达到指定的最大宽度或根据表格宽度或分辨率并向下到下一行，直到达到屏幕的最大高度或指定的（时间表时间），以便有不需要同时滚动宽度和高度吗？需要帮助

【问题讨论】：

标签： php javascript logic

【解决方案1】：

你不能 - 作为服务器端组件的 PHP 没有浏览器尺寸的概念。您需要使用 JavaScript 处理类似这样的客户端。

【讨论】：

【解决方案2】：

要让您的框填满浏览器的宽度，请在您的 CSS 中使用 float: left。要动态添加框直到填满页面，请使用 element.cloneNode(true) 复制 div，然后继续操作，直到 div 的底点低于容器的底点。

例如，像这样的：jsfiddle.net/rUUuW/1/

使用 jQuery 会更容易一些：jsfiddle.net/rUUuW/2/

【讨论】：