teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

a

2020/02/04 01:18

投稿

abababaa
abababaa

スコア43

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,6 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- 2カラムのCSSがありそこで画像と解説があり、オペラは線の中に納まっていますが、firefoxでもcssがはみ出ないようにしたいです
3
+ 2カラムのCSSがありそこで画像と解説があり、オペラとクロームは線の中に納まっていますが、firefoxでもcssがはみ出ないようにしたいです
4
4
 
5
5
  なぜはみでるのかも教えてください
6
6
 

1

ああ

2020/02/04 01:18

投稿

abababaa
abababaa

スコア43

title CHANGED
File without changes
body CHANGED
@@ -2,6 +2,7 @@
2
2
 
3
3
  2カラムのCSSがありそこで画像と解説があり、オペラは線の中に納まっていますが、firefoxでもcssがはみ出ないようにしたいです
4
4
 
5
+ なぜはみでるのかも教えてください
5
6
 
6
7
  ### 発生している問題・エラーメッセージ
7
8
 
@@ -27,5 +28,51 @@
27
28
  </li>
28
29
  </ul>
29
30
  </div>
31
+ ```
32
+ ```
33
+ * {
34
+ box-sizing: border-box;
35
+ margin: 0%;
36
+ padding: 0%;
37
+ }
30
38
 
39
+ img {
40
+ object-fit: contain;
41
+ width: 100%;
42
+ height: 100%;
43
+ }
44
+
45
+ li {
46
+ list-style: none;
47
+ }
48
+
49
+ .comfirm_box {
50
+ display: flex;
51
+ flex-direction:column;
52
+ align-items: stretch;
53
+ }
54
+
55
+ .comfirm {
56
+ text-align: center;
57
+ padding: 15px;
58
+ color: #111;
59
+ background: whitesmoke;
60
+
61
+ }
62
+
63
+ .yesno {
64
+ grid-template-columns: 1fr 1fr;
65
+ margin: 50px;
66
+ display: grid;
67
+
68
+ grid-gap: 50px;
69
+ }
70
+
71
+ .yes {
72
+ color: #000000;
73
+ padding: 15px;
74
+ background-color: #fff;
75
+ border:1px solid #111;
76
+ }
77
+
31
78
  ‘‘‘