{"categories":["\u2605\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u57fa\u790e","\u2605AI"],"url":"https://web-css-design.hatenadiary.jp/entry/2026/02/20/position_%E3%82%92%E8%A8%AD%E5%AE%9A","description":"position \u3092\u8a2d\u5b9a \u30d7\u30ed\u30f3\u30d7\u30c8\u4f8b position\u3092\u8a2d\u5b9a\u3059\u308b\u30dd\u30a4\u30f3\u30c8 \u300c\u3069\u3053\u3092\u57fa\u6e96\u306b\u914d\u7f6e\u3059\u308b\u306e\u304b\u300d\u3092\u7406\u89e3\u3059\u308b\u3053\u3068\u3067\u3059\u3002 \u2460 \u57fa\u6e96\uff08\u57fa\u70b9\uff09\u3092\u7406\u89e3\u3059\u308b position \u306e\u7a2e\u985e\u306b\u3088\u3063\u3066 \u4f4d\u7f6e\u306e\u57fa\u6e96\u304c\u5909\u308f\u308a\u307e\u3059\u3002 position \u57fa\u6e96 static \u901a\u5e38\u306e\u914d\u7f6e relative \u81ea\u5206\u306e\u5143\u306e\u4f4d\u7f6e absolute \u89aa\u8981\u7d20 fixed \u753b\u9762\uff08\u30d6\u30e9\u30a6\u30b6\uff09 sticky \u30b9\u30af\u30ed\u30fc\u30eb\u4f4d\u7f6e .box { position: relative; top: 20px; left: 30px; } \ud83d\udc49 \u5143\u306e\u4f4d\u7f6e\u304b\u3089 \u4e0b20px / \u53f330px \u79fb\u52d5 \u2461 absolute \u3092\u4f7f\u3046\u6642\u306f\u300c\u89aa\u306b relative\u300d \u2026","blog_title":"Web\u767d\u63cf - \u81ea\u5b85\u5b66\u7fd2\u7528\u30d6\u30ed\u30b0","version":"1.0","type":"rich","author_url":"https://blog.hatena.ne.jp/web-css-design/","title":"position \u3092\u8a2d\u5b9a","blog_url":"https://web-css-design.hatenadiary.jp/","height":"190","provider_name":"Hatena Blog","width":"100%","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/w/web-css-design/20260315/20260315200538.jpg","published":"2026-02-22 00:00:00","provider_url":"https://hatena.blog","author_name":"web-css-design","html":""}