Webコーディング

CSS

【CSS基礎】position: absoluteとは?親要素との関係・基準・使い方を徹底解説!

CSSでレイアウトを調整するとき、最もよく登場するプロパティのひとつが position: absolute; です。要素を自由な位置に動かせる非常に便利な指定ですが、仕組みをしっかり理解していないと、「思った位置に表示されない」「他の要素...
CSS

【CSS基礎】position: relative; とは?使い方とstaticとの違いをわかりやすく解説

position: relative; は、CSSレイアウトの中でも最もよく使われるプロパティのひとつです。見た目はstatic(通常配置)とほとんど同じですが、実は「要素を動かせるようにするための土台」となる重要な設定です。この記事では、...
CSS

【CSS基礎】positionプロパティを指定しないとどうなる?静的配置(static)を理解しよう

Web制作をしていると、position: absolute; や position: fixed; を指定することはよくありますが、「positionを指定しないとき」の状態をきちんと理解している人は意外と少ないかもしれません。この記事で...