CSSのposition:fixedで横幅が画面からはみ出す問題

2023.06.27 20:00
2023.06.22 21:12
CSSのposition:fixedで横幅が画面からはみ出す問題

CSSでレイアウトを組んでいた時、position:fixedにwidth:100%を指定するとはみ出てしまいました。調べたところ、どうやらwidthじゃなくて、leftとrightを指定すると良いようです。

●ダメだったコード

.container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}

●うまくいったコード

.container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
}

これできちんと100%表示されました！

今回は以上です！