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

Question

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

处理这个问题的最好方法是检测窗口元素和窗口右侧是否有足够的空间让另一个元素适合（已知距离，160px），如果没有，将此元素删除到下一行。这可能与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;
}

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