web-dev-qa-db-ja.com

サイドバーと「コンテンツ」領域を互いに同じ長さにしますか?

地域にばらつきがあるウェブサイトを持っています。最初のサイドバーはコンテンツとは長さが異なり、コンテンツは2番目のサイドバーとは異なる長さです。次のようになります。
enter image description here

Cssで手動で修正して同じ長さにすることもできますが、それらのいずれかに何かを追加すると、再び不均一になります。動的に同じ長さを保つように修正する方法(またはモジュール)はありますか?コンテンツに何かを追加すると、サイドバーより長くなると、空白で埋められ、最長コンテンツと同じ長さ?

2
Ephraim

偽の列を使用してみてください。列が最も長い要素の長さに一致するように、基本的に空白の画像を繰り返します。これは同じ長さの錯覚を作成するため、「フェイク」または「フェイク」という名前です

1
Chan

Equal Heights jQuery モジュールがあります。

このモジュールは jQuery Equal Heightsプラグイン を実装し、指定されたクラスの要素の高さを等しくすることができます。

3
user842

これはDrupal特定の問題ではありません。 CSSを使用した高さの等しい列)で報告された提案の1つを試してください :2つのCSSソリューションと1つのJavaScriptソリューションがあります。

3
Nebojsa