javascript - 确保左浮动元素不是最后一行？

Question

我正在尝试想出一种方法来确保特定的左浮动元素不是连续的最后一个，如果是这种情况，则下降到新行。

我认为处理这个问题的最佳方法是检测元素和窗口右侧之间是否有足够的空间来容纳另一个元素（已知距离，例如 160 像素），如果没有，则删除它元素到下一行。这可能与 CSS 吗？JS 可以，但如果我可以用 CSS 来做到这一点，那将是首选。

谢谢！

Answer 1

在某种程度上，这是您问题的解决方案 - jsfiddle.net/avrelian/Dh86D/

#special { 
    background-color:green; 
    margin:0 170px 5px 0;
}
#special + .left-float {
    background-color:blue;
    margin-left: -165px;
}

如果您的包装元素的宽度小于浮动元素的两倍宽度，则会失败，因为不会显示特殊元素旁边的浮动元素。