回答編集履歴

1

補足を受けて追記

2021/03/04 04:50

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア36134

test CHANGED
@@ -15,3 +15,35 @@
15
15
 
16
16
 
17
17
  `box-sizing: border-box`を指定すれば問題が解決する、という予感がしましたので、ぜひお試しください。いやマジで。
18
+
19
+
20
+
21
+ # 補足を受けて追記
22
+
23
+
24
+
25
+ >__bodyの最大幅を1000pxにして中に1000px以上の画像をいれたら突き抜けてでてきた__
26
+
27
+
28
+
29
+ どうやら霊視を失敗したようです。
30
+
31
+
32
+
33
+ ご質問の現象の理由は「仕様だから」です。
34
+
35
+
36
+
37
+ > In certain cases, a box may overflow, meaning its content lies partly or entirely outside of the box, e.g.:
38
+
39
+ (略)
40
+
41
+ A block-level box is too wide for the containing block.
42
+
43
+ [Visual effects](https://www.w3.org/TR/2011/REC-CSS2-20110607/visufx.html#overflow-clipping)
44
+
45
+
46
+
47
+ (勝手訳)__いくつかのケースでは、ボックスがオーバーフロー、つまりブロックボックスが包含ブロックからはみ出します。例えば:__
48
+
49
+ __ 包含ブロックよりも幅の広いブロックレベルボックス__