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