実務でflexをちょこちょこ使うようになりました。floatなどで組むことと比べると圧倒的に楽ですね・・・んで、あまり理解してなかったショートハンド要はgrow,basis,shinkに関して。別々に書いてもいいんですが、一緒に書いた方がスマートでしょう。大事なことはwidthを設定するプロパティだということ。参考リンクflex-basicに関してそのカラムが持っている基本の幅です。基本的にはこの幅を元に計算します。ちなみにautoだと内包する要素に依存することになります。0でも中が潰れることはないようです。flex-growに関して余白が会った時にその分配比率です。余白がない時には意味がありません。余白があっても0だと余白が分配されず、basisの値のままになります。詳細な計算式はソースやリンクなどを参照。簡単で単純に比率で分配するだけです。flex-shrinkに関してこちらは親要素に対して幅が足りない時の縮む割合です。子要素の幅が親要素を超過していないと、意味がありません。growと違い計算方法がかなり複雑だと思われます。子要素の幅がまちまちなので通常の割合で縮むと幅が広いブロックの方が不利になるからです。詳細な計算方法はネットを探しても出てきませんでした。参考リンク大変わかりやすいです。コメントをキャンセルメールアドレスが公開されることはありません。*ウェブサイト関連記事HTML5についてCSSのサンプルを書いていく途中で、HTML5タグが出来てたので簡単におさらいです。...固定されたナビ(ヘッドとサイド)boostrapでサイトを作るときにヘッダーとサイドバーを固定したいときについてメモします。段組み関連の知識について自分はデザインセンスが壊滅的なので、Bootstrapにいろいろと頼っております。...tableのレイアウトに関してtableのcssに関して。幅を決めるのでも%表記をしたいときはauto、数値固定で行きたいときはfixed。適用ルールについて昨日までリーダブルコードを読みまして正しいコーディングについて書いてきました。本日からは正しいCSSについてみていこうと。