それ自体が Flexbox ではない Flexbox 項目をマージン要素で埋めるにはどうすればよいでしょうか?
要素 (マージンのあるネストされた要素であっても) は、Flexbox 項目内にない場合、position:absolute
を使用して簡単にコンテナを満たすことができます。これが Flexbox プロジェクト内の要素に対して機能しないのはなぜですか?
リーリー
この質問やこの質問など、同様の質問がたくさんありますが、フレックスボックス内の項目やマージンのある項目では実際には機能しません。 align-self:stretch
、height:100%
、box-sizing:border-box
など、このケースでは機能しない特殊なケースの解決策が多数あります。ネストされた margin
または Flexbox 自体がネストされていないためです。これらの 1 回限りのハッカーによる問題が次々と発生しています...
それでは、Flexbox プロジェクトにデータを追加する一般的な方法は何でしょうか? position:absolute
ここで何が問題なのでしょうか?要素をコンテナに入れる最も一般的な方法は何ですか?
P粉3333954962024-02-22 16:22:19
検討する価値があると思われるアイデアがいくつかありますか?私は nav
を main
の子ではなく兄弟として扱います。これは CSS には必要ありませんが、構造は最も合理的です。理想的には、header
、nav``main
、footer
、そして場合によっては aside
があるとします。絶対的な配置はすべて避けたいと考えています。モバイルではうまく動作しません。ページにテキストボックスまたはテキストエリアを配置し、モバイルユーザーがそれをクリックするとソフトキーボードがポップアップしたらどうなるかを想像してみてください。