回答編集履歴

3

説明修正

2023/01/23 06:53

投稿

hatena19
hatena19

スコア33620

test CHANGED
@@ -9,7 +9,7 @@
9
9
  `.box_right`そのものに背景色をつけるのでは、要素の外に背景色をはみ出させるのは難しいので、
10
10
  `.box_right`の疑似要素に背景色をつけて絶対配置(`position: absolute;`)にしてはみ出させたらどうでしょう。
11
11
 
12
- はみ出させる量は、スクロールバーの幅の有無などを考慮して計算するのは難しいので、多めにはみ出させて、画面からはみ出た部分は`overflow-x: hidden;`で隠すようします。
12
+ はみ出させる量は、スクロールバーの幅の有無などを考慮して計算するのは難しいので、多めにはみ出させて、画面からはみ出た部分は`body{overflow-x: hidden;}`で隠すようします。
13
13
 
14
14
  `.box_right` の設定を削除して、下記を追加してください。
15
15
  ```css

2

サンプルのリンクを追加

2023/01/23 06:50

投稿

hatena19
hatena19

スコア33620

test CHANGED
@@ -24,3 +24,5 @@
24
24
  z-index: -1;
25
25
  }
26
26
  ```
27
+
28
+ [CodePenサンプル](https://codepen.io/hatena19/pen/bGjLeVo)

1

コード微修正

2023/01/22 15:12

投稿

hatena19
hatena19

スコア33620

test CHANGED
@@ -21,5 +21,6 @@
21
21
  left: 15%;
22
22
  right: -100vw;
23
23
  background-color: pink;
24
+ z-index: -1;
24
25
  }
25
26
  ```