html - 围绕浮动元素包裹父 div

Question

我试图让一个 div 环绕动态数量的子元素，我想这样做而不为父元素的宽度设置值。

我已经通过浮动子元素和父元素来包装内容，我的问题是当子元素包装到下一行时，右侧还有剩余空间，我希望父元素“紧紧地”包装。

我在这里设置了一个演示：http: //jsfiddle.net/UMgct/4/

#parent 显示当前行为，我希望它的行为类似于#parent2 和#parent3，但没有明确设置宽度。我可以看到为什么#parent 的行为是正确的，我只是看不到任何获得我想要的行为的方法。

任何想法将不胜感激

Answer 1

首先，您应该将“父”和“子”更改为类而不是 ID。ID 是唯一的标识符，而类可以根据需要多次使用。

话虽如此，您可以使用 JQuery 实现您想要的（假设现在将 ID 更改为类）：

$(document).ready(function() {
    var numPerLine = parseInt($(window).width() / $('.parent > .child').outerWidth(true));
    $('.parent').width($('.parent > .child').outerWidth(true) * numPerLine);
});