css

Question

[結果を表示] ボタンをクリックすると、テスト結果の表が表示されます。しかし、お気づきのように、テーブルのスペースを作成する Web ページではなく、フッターに流れ込んでいます。

私のスタイルシートはここにあります: http://sooniwill.be/personality/main.css (結果ファセットを参照)

トラブルに巻き込まれるだけの十分な CSS を知っています。同様の問題についていくつかの Web 検索を行い、それを修正するためにいくつかの CSS を実装しようとしました。時々、適切に表示されるように編集しますが、ページをリロードすると、再びフッターに重なってしまいます。助言がありますか？

score 1 · Accepted Answer

divに適用height: 1723pxされるJavaScript がいくつかあります。#mainこれを無効にすると問題が解決し、#maindiv が展開されてテーブル全体が含まれるようになります。

編集: または、高さをオーバーライドするルールを CSS に追加することもできます。

#main {
    height: auto !important;
}

score 0 · Accepted Answer

これを試して：

/* フロートをクリア */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

この行の高さを削除すると、このクラスが<div id="content">

<div id="content" class="page col-full">255メイン文書の行で

または静的な高さを追加してみてください

それが機能しない場合はcss overflow: scroll、静的な高さを追加します

css - CSS テーブルが適切に展開されない -- 他のコンテンツと重なっている