#author("2022-01-16T21:15:56+09:00","","") * ウィンドウに合わせて #body を伸張させてほしい [#rfd994eb] - ページ: [[BugTrack]] - 投稿者: [[mt]] - 優先順位: 低 - 状態: 提案 - カテゴリー: 本体新機能 - 投稿日: 2022-01-16 (日) 21:15:56 - バージョン: ** メッセージ [#h74bf1c6] 現在の標準スキンでは、「ヘッダー」「コンテンツおよびメニューバー」「フッター」が上詰めで配置されている。~ この仕様には次の問題がある。 +コンテンツやメニューの内容が少ない(画面全体の高さがウィンドウの高さより低い)場合、画面が上に寄ってしまって見栄えが悪い。また、フッター位置がウィンドウ最下部に統一されず、使い勝手が悪い。 +ウィンドウいっぱいに伸張するプラグインを作れない。「領域をできる限り広くしたいが、スクロールまではさせたくない」フレキシブルな高さの指定ができない(「height:100%」にしても、#body が上詰めで自身の高さを持たないため意味がない)。 これらの問題を解消するため、#body をウィンドウの高さいっぱいにストレッチさせてほしい。~ 具体的には、たとえば次のように flex を指定することで実現できる(あくまで例であり、現状の標準スキンにそのまま適用するとレイアウトが微妙に崩れる)。 html, body { height: 100%; } body { display: flex; flex-direction: column; } #contents { display: flex; flex: 0 100 100%; } #body { display: flex; flex-direction: column; flex: 0 100 100%; } -------- #comment