MENU

Fun & Interesting

【イラスト解説】CSSの positionプロパティについてまとめてみた

Video Not Working? Fix It Now

static: 他の要素に流れ流される。誰でも最初は static
relative: 他の要素と相対的な場所に移動できる。他のみんなに合わせられるやさしい子
absolute: 元いた場所から全然違う場所に行っちゃう。でもスクロールすると流される
fixed: 一番がんこ。何があっても動かない
sticky: JavaScriptが必要だったことを CSSだけできちゃう賢い子

ちなみに、absoluteは親に static以外の子がいると立場が弱くなります。

【イラスト提供】ちづみさん
https://twitter.com/098ra0209

プログラミングに関する豆知識やテクニックをご紹介しています。チャンネル登録はこちらから
https://www.youtube.com/user/tomostajp/?sub_confirmation=1

Twitterはこちら
https://twitter.com/seltzer

■ Udemyで各種入門講座を販売中
kintoneで学ぶ、Webデータベース管理入門
https://www.udemy.com/kintone_basic

非エンジニアの Git入門講座
ttps://www.udemy.com/git-beginning/

PHP+MySQL(MariaDB) Webサーバーサイドプログラミング入門
https://www.udemy.com/php7basic/

[HTML/CSS/JavaScript] フロントエンドエンジニアになりたい人の Webプログラミング入門
https://www.udemy.com/html-css-js/

■ 書籍
マンガでざっくり学ぶプログラミング
https://amzn.to/2MXyUH8

#Android #Java #Kotlin

Comment