<p>2 つの div を並べて配置しています。簡単な解決策がある場合は、ユーザーがドラッグして両方の div の幅を変更できるようにします。 </p> <p>一方の div の幅が増加すると、もう一方の div の幅は減少し、2 つの div の幅の合計は変わりません。 </p> <p>純粋な JavaScript または CSS を使用して実装できれば素晴らしいと思います。 div などの他の項目は自由に追加してください。 </p> <p>2 つの div のコードは次のとおりです。</p> <pre class="brush:php;toolbar:false;">.left { フロート: 左; 幅: 49%; 最小高さ: 50px; 境界線: 2 ピクセルの破線 #f0f } 。右 { フロート: 右; 幅: 49%; 最小高さ: 50px; 境界線: 2px 破線 #00f }</pre> <pre class="brush:php;toolbar:false;"><div class="right"></div> <div class="left"></div></pre> <p>アイデアをありがとうございます! </p>