💡 記事の下にエディタを用意しています。壊してもOK！
更新日: 2025年3月1日
CSSで幅を指定する方法｜widthの使い方
📌
結論
width で要素の幅を指定できます
📝 実際のコードはこちら
div { width: 300px; }単位の使い分け
| 単位 | 特徴 | 使いどころ |
|---|---|---|
px | 固定値 | 固定幅のコンポーネント |
% | 親要素の割合 | レスポンシブ |
vw | ビューポート幅 | フルスクリーン |
まとめ
・width で幅を固定（高さは height）
・レスポンシブには % や vw を使う
演習で試してみよう
divの幅を300pxにしてみましょう。🧪 ここで試せます ─ 壊しても大丈夫！
下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。
■ 演習
divの幅を300pxにしてください。
詰まったらヒント
width: 300px;