質問編集履歴
4
記述不足
test
CHANGED
File without changes
|
test
CHANGED
@@ -5,7 +5,8 @@
|
|
5
5
|
### 実現したいこと
|
6
6
|
②の画像のようにする際に、親要素のwidthを100%に設定し
|
7
7
|
flexの二つの子要素を25%と75%に設定したいです。
|
8
|
-
現状子要素のwidthは100%を超えているのに100%に達さないです。
|
8
|
+
現状子要素のwidthは100%を超えているのに100%に達さないです(②の画像のように右側要素は130%にして要素いっぱいに広がります。)。
|
9
|
+
|
9
10
|
よろしくお願いいたします。![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-14/1a3aa622-3019-4a6f-b43e-b856e7c815d2.png)
|
10
11
|
|
11
12
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-14/7c549e07-0273-4835-a127-3f445208231a.png)
|
3
画像がかぶっていたため
test
CHANGED
File without changes
|
test
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
②の画像のようにする際に、親要素のwidthを100%に設定し
|
7
7
|
flexの二つの子要素を25%と75%に設定したいです。
|
8
8
|
現状子要素のwidthは100%を超えているのに100%に達さないです。
|
9
|
-
よろしくお願いいたします。![
|
9
|
+
よろしくお願いいたします。![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-14/1a3aa622-3019-4a6f-b43e-b856e7c815d2.png)
|
10
10
|
|
11
11
|
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-14/7c549e07-0273-4835-a127-3f445208231a.png)
|
12
12
|
|
2
画像が反映されていなかったため
test
CHANGED
File without changes
|
test
CHANGED
@@ -6,7 +6,9 @@
|
|
6
6
|
②の画像のようにする際に、親要素のwidthを100%に設定し
|
7
7
|
flexの二つの子要素を25%と75%に設定したいです。
|
8
8
|
現状子要素のwidthは100%を超えているのに100%に達さないです。
|
9
|
-
よろしくお願いいたします。![![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-14/ff742c18-0066-450b-a6d2-f2b89cc43582.png)]
|
9
|
+
よろしくお願いいたします。![![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-14/ff742c18-0066-450b-a6d2-f2b89cc43582.png)]
|
10
|
+
|
11
|
+
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-14/7c549e07-0273-4835-a127-3f445208231a.png)
|
10
12
|
|
11
13
|
### 発生している問題・エラーメッセージ
|
12
14
|
|
1
画像が反映されていなかったため
test
CHANGED
File without changes
|
test
CHANGED
@@ -6,13 +6,13 @@
|
|
6
6
|
②の画像のようにする際に、親要素のwidthを100%に設定し
|
7
7
|
flexの二つの子要素を25%と75%に設定したいです。
|
8
8
|
現状子要素のwidthは100%を超えているのに100%に達さないです。
|
9
|
-
よろしくお願いいたします。
|
9
|
+
よろしくお願いいたします。![![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-14/ff742c18-0066-450b-a6d2-f2b89cc43582.png)](https://ddjkaamml8q8x.cloudfront.net/questions/2022-10-14/d99ff3ac-bb1f-4d6c-b4e2-06662cce45c4.png)
|
10
10
|
|
11
11
|
### 発生している問題・エラーメッセージ
|
12
12
|
|
13
13
|
```
|
14
14
|
現在、②の画像のようにしようとすると、右側の要素のwidthを130%にしないとならないです。
|
15
|
-
それ以下だと謎の空白(紫部分)が右側に出てきます。
|
15
|
+
それ以下だと謎の空白(紫部分)が右側に出てきます。
|
16
16
|
```
|
17
17
|
|
18
18
|
### 該当のソースコード
|