独学・フリーランス・在宅・SNS疲れのWebデザイナーさんへ、
ビジネス思考を磨いて「わたしの売りはコレ!」を作っていこう。

FlexboxのIE11対策・表示が崩れるケースの対処法(2020.08.29)

FlexboxのIE11対策・表示が崩れるケースの対処法

こんにちは。フクモト学長(@WebcreatorsTips)です。未経験からフリーランス歴17年のWebデザイナーです。スクール運営 10年目になります。
詳しいプロフィールはこちら



FlexboxはこれまでCSSレイアウトに使われてきたfloatやdisplay-inline、potisionプロパティよりも柔軟にレイアウトを組むことができる新しいCSS3のレイアウトモジュールです。

親要素の中で、子要素を縦に並べたり、横に並べたり伸ばしたり、縮めたり表示順を入れ替えたりすることが可能なプロパティです。

Flexboxの基本と最初に抑えておくと理解がスムーズな指定についてはCSS中級編として動画をアップしています。
こちらをマスターするとある程度、flexboxを使えるようになります。
⇒ CSS講座中級編一覧

しかし、Flexboxを実務で使っていると教科書通りにはいかず、上手く表示されないことも多くあります。

今回はそんな動画講座では伝えきれなった「上手くいかない・崩れるケース」を中心に一緒に学習しました。

Webクリエイターズスクール 学長 フクモトトモコ

【Webクリエイターズスクール】
学長 福本 智子

Webもデザインも未経験からいきなりフリーランス歴16年。
『仕事は自分で創りだす』をモットーに生きてきた50代。
WordPress・Webマーケティングが得意。

独学・Webスクールを卒業したのに仕事に繋げられない学習迷子さん、在宅・フリーランス希望の人を対象に「マーケティング理論に基づいた、じぶん事業計画」をお伝えしてサポートしています。

関連記事

じぶんの売り方に集中できる。おひとりさま専用Webデザインスクール
フリーランスwebデザイナー個別相談

受講者の声