ドットインストール - 3分動画でマスターできるプログラミング学習サービス

  • レッスン一覧
  • 料金プラン
    • レッスン一覧
    • 料金プラン
  • ログイン
  • 運営からのお知らせ

    • 2025/08/28 NEW

      【週刊ドットインストール】 Figma入門を制作中、256timesの新クラスを企画中

    すべて見る
  • トップ /
  • マイページ /
  • レッスン一覧 /
  • 【旧版】詳解CSS フレックスボックス編 /
  • #01 フレックスボックスを使ってみよう /
  • flex:1;とは何ですか?

flex:1;とは何ですか?

あとのレッスンを見るとわかるようになります。
2020年6月16日
ユーザー

flex:1;の1とはどのような意味を持っているのでしょうか。
試しに2,3などにしてみましたが違いがわかりませんでした。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(11)

  • 選択した行を移動するショートカットを教えてください
  • なぜクラス名を container とするのですか?
  • flex-basis: 50px を指定しているのに、ブラウザ幅を縮めると box1 と box2 の幅が 50px 以下になるのはなぜですか?
  • div class="box box1" という具合に二回も box を書くのは何故でしょうか?
  • グローバルナビゲーションを作成する場合には display: flex; が主流ですか?
  • 右側のブラウザ実行環境画面を非表示にする方法はありますか?
  • VS Code ではなくブラウザ実行環境を使ったほうがよいのですか?
  • display:flex; にはなぜ親要素が必要になるのですか?
  • フレックスボックスを使用する際は親要素が必要になるのでしょうか?
  • Flexbox、inline-block、floatの違いと使い分けについて
  • flex:1;とは何ですか?

この質問のレッスン

PREMIUM
【旧版】詳解CSS フレックスボックス編
ウェブページのレイアウトに広く使われている、CSSのフレックスボックスについて見ていきます。
0%
#01 フレックスボックスを使ってみよう
dotinstall

3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか?

サービスメニュー

  • レッスン一覧
  • 料金プラン
  • 法人向けライセンス
  • 256times
  • 運営からのお知らせ
  • プログラミング学習ガイド
  • プログラミング学習相談室
  • ヘルプ

ご利用にあたって

  • 利用規約
  • プライバシーポリシー
  • 利用者情報の外部送信について
  • 運営企業情報
  • 採用情報
  • 教材利用について
  • お問い合わせ

ソーシャルメディア

  • note
  • X (@dotinstall)
  • Facebookページ

更新情報

  • 新着レッスンRSS
  • 新着補足情報RSS

Copyright © 2011-2025 dotinstall.com. All Rights Reserved.