2019年1月アーカイブ

今後使える(予定)の短いclearfix

| コメント(0)
古いブラウザがなくなってきたことでどんどん簡単に記述できるようになってきたclearfix(flortを解除する記述)ですが、新しいスタイルによってさらに短く書けるようになるようです。
display に追加された flow-root を使うことで、flortを解除できるようです。
使い方は簡単で、親要素に

display:flow-root;

と書くだけです。

ただしまだ対応ブラウザが少ないようで、2019年1月現在、IE、Edge、Safari、iOSで対応していません。

今後対応していくブラウザが増えていけば、親要素に overflow: hidden; と書いていたところをまるまる置き換えられるくらい簡単な方法ですので、これからの対応に期待ですね。

このアーカイブについて

このページには、2019年1月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2018年8月です。

次のアーカイブは2019年4月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。