javascript - left-floated 要素が行の最後にないことを確認しますか?

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;
}

ラッパー要素の幅がフローティング要素の2倍の幅よりも小さい場合は、特殊要素の横にあるフローティング要素が表示されないため、失敗します。