jquery - jquery自动调整大小的div集

Question

wrapper我的页面某处有一个固定大小的div。我想动态添加 child div，但我希望所有子 div 保持相同的大小。

有人知道任何插件吗？

编辑

我希望只在水平方向上添加 div。它是一个 1xN 网格。（感谢您的评论。）

Answer 1

这是一种将 div 添加到包装器 div 并修复其大小的方法：

HTML

<div id="wrapper" class="clearfix"></div>

<input type="button" id="AddDiv" value="AddDiv" />

CSS

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}
.clearfix:after {
    clear: both;
}

#wrapper {

}
#wrapper > div {
    height: 100px;
    width: 100px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #cc0000;
    float: left;
}

Javascript

$('#AddDiv').on('click', function () {
    $('#wrapper').append($('<div />'));
});

演示