3 つの子 div を持つコンテナー div があります。添付資料参照。
中央の div は動的に高さを伸ばすことができます。私が望むのは、コンテナ div が中央の div に合わせて伸びる場合、左側の div が新しいコンテナ div に合わせて伸びるため、中央の div と同期したままになることです。
これを行うための純粋なcssの方法を知っている人はいますか?
3 つの子 div を持つコンテナー div があります。添付資料参照。
中央の div は動的に高さを伸ばすことができます。私が望むのは、コンテナ div が中央の div に合わせて伸びる場合、左側の div が新しいコンテナ div に合わせて伸びるため、中央の div と同期したままになることです。
これを行うための純粋なcssの方法を知っている人はいますか?
これは実際には列の高さを調整しませんが、実際のコンテンツが高さを押し下げることなくこの効果を達成する唯一の非 JavaScript の方法は、偽の列を使用することです。列を模倣する親要素に背景画像を適用します。レスポンシブ デザインには当てはまりませんが、A List Apart の優秀な人々は、こちらの方法をより適切に説明しています http://www.alistapart.com/articles/fauxcolumns/
はい、下枠がある場合は理にかなっています。JavaScript のサポートが必要な場合はお知らせください。ただし、これを実現するための純粋な CSS の方法はありません。javascript で中央の div の高さを見つけ、左の div を同じ高さにする必要があります。