私はここで私の2列を同じ高さにするためにGoogleの検索で見つけたさまざまな方法を試しましたが、何も私のために働いていません。私はCSSだけを使用しなければなりません(eBayではJavaScriptがもうありません!)。問題のテンプレートはhttp://sallymilo.com/sports/template2017b.htmlです。 PS - これに対応しますが、そのコードを追加します。さまざまなコンテンツと同じ大きさの列のための唯一の解決策2つのCSSのみの列同じ高さ
答えて
CSSは、私は他に何も私のために働いていないので、外容器に背景画像その場しのぎを使用して終了flexbox
まず、これ間違っている。別の解決策は、親の 'display:table;'、子の 'display:table-cell;'です。しかし、第二に、これは答えではありません。リンクのみの回答は提出しないでください。実際のコード解を与えるか、これをOPの投稿にコメントとして残してください。 –
テーブル「修正」は私のためには機能しませんでした。内容が長ければ長いほど、列が長くなります。 500パディングボトム/ -500マージンボトムのいずれも機能しませんでした。フレックスのものは私を混乱させる! (そして私はそれを解読する次の2日間を過ごしたくありません...) –
@MichaelCokerフェア十分に、OPはコードを提供しなかったので、私は次回にコメントを残します。また、それが唯一の答えだとは言わないようにしていました。それらのうちの1つだけ、そしてIMOは最高のものです –
です。そして、それはうまく動作します!
- 1. cssで同じ幅と高さの列
- 2. HTML + CSSのみ - 同じ高さの3つの等しい列(33%〜)
- 3. 同じ高さ2列
- 4. 動的な高さが同じ高さの2つのdivs
- 5. 同じ高さの列を持つレスポンスグリッド
- 6. CSS 2カラムレイアウト:列の高さ
- 7. 同じ高さの列
- 8. 同じ高さの二塔CSS
- 9. DIV - 同じ高さのjQueryやCSS
- 10. 高さのCSSと同じ幅
- 11. CSS:内部リンクと同じ列の高さとのトラブル[jsfiddle]
- 12. CSSの幅が未知の高さと同じ高さ
- 13. 2つのdivを表示テーブルと同じ高さにするCSS
- 14. 同じ高さのmdカード内の2つのチャート
- 15. 2つの異なる親の列の同じ高さをブロックします
- 16. 同じ高さの2つのdiv - 親と子
- 17. ブートストラップグリッドシステム - 同じ高さの2つの列を作成するには?
- 18. 同じ高さの2つの列がブレークポイントで反転するように
- 19. CSSは2つの等価の列を動的高さ
- 20. CSS - 高さが同じで、幅と幅が同じである列
- 21. 2列の開始高さを同じにする方法は?
- 22. 2つのdivに同じ高さがある
- 23. は、2つの浮動divを同じ高さに動的
- 24. フレックスボックス:ページスクロールで同じ高さの3列
- 25. 960gsと同じ高さの列
- 26. CSSソリューションは同じ高さの2列より小さい列が勝ちますか?
- 27. グリッドビュー(同じ幅/異なる高さ) - 3列| CSS
- 28. materialize.cssと同じ高さを持つ同じ行のディビジョン
- 29. SQL Server - 同じ列の同じテーブルへの2つの結合
- 30. 同じ列データテーブルの2つのターゲット
ここに意味のあるコードと問題の説明を追加してください。修復が必要なサイト にリンクしないでください。そうしないと、 問題が解決されたり、リンク先のサイトにアクセスできない場合、この質問は将来の訪問者に価値を失います。 [最小、完全、および検証可能な例(MCVE)]を投稿すると()、より良い回答を得るのに役立ちます(http://stackoverflow.com/help/mcve)。詳細については、 [私のWebサイトの何かが動作しません。 ]リンクを貼り付けることはできますか?](https://meta.stackexchange.com/questions/125997/) ありがとう! – j08691
'.cont {display:flex; フレックスラップ:ラップ; } ' –
あなたはディスプレイを持っています:IE8以降、うまく動作するテーブル/テーブルセル。最新のブラウザとディスプレイ用:グリッドも。これらのうちどれを試しましたか、どこが間違っていますか?あなたはさらに列数+列記入を持っています...そしてIE6に対処したいのであれば、この非常に古いが固い方法はまだ最新ですhttps://alistapart.com/article/fauxcolumns –