質問編集履歴
3
スクリーンショットを追加しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,6 +1,8 @@
|
|
1
|
+
![イメージ説明](9d347e185024f037d6678183bc79240c.png)
|
2
|
+
|
1
3
|
boxA(box1~3)については横配列になるのですが、boxbのbox(box4~6)が横配列になりません。
|
2
4
|
|
3
|
-
画像にかぶらずに綺麗に横配列になるようご教示お願い致します。
|
5
|
+
画像にかぶらずに綺麗に横配列になるようご教示お願い致します。(画像の下部分は気にしないでください。)
|
4
6
|
|
5
7
|
|
6
8
|
|
2
コードブロック内にコードを入力しました
test
CHANGED
File without changes
|
test
CHANGED
@@ -8,9 +8,9 @@
|
|
8
8
|
|
9
9
|
```html
|
10
10
|
|
11
|
-
コード
|
12
11
|
|
12
|
+
|
13
|
-
|
13
|
+
<div class="boxA">
|
14
14
|
|
15
15
|
<div class="box1">
|
16
16
|
|
@@ -68,13 +68,11 @@
|
|
68
68
|
|
69
69
|
</div>
|
70
70
|
|
71
|
-
|
71
|
+
```
|
72
72
|
|
73
73
|
```css
|
74
74
|
|
75
|
-
コード
|
76
|
-
|
77
|
-
|
75
|
+
.boxA:after {
|
78
76
|
|
79
77
|
content: "";
|
80
78
|
|
@@ -175,3 +173,5 @@
|
|
175
173
|
padding-bottom: 50px;
|
176
174
|
|
177
175
|
}
|
176
|
+
|
177
|
+
```
|
1
コード部分にコードを貼り付けました
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,24 +1,16 @@
|
|
1
|
-
|
1
|
+
boxA(box1~3)については横配列になるのですが、boxbのbox(box4~6)が横配列になりません。
|
2
2
|
|
3
|
-
|
3
|
+
画像にかぶらずに綺麗に横配列になるようご教示お願い致します。
|
4
4
|
|
5
5
|
|
6
6
|
|
7
7
|
|
8
8
|
|
9
|
-
|
9
|
+
```html
|
10
10
|
|
11
|
-
|
11
|
+
コード
|
12
12
|
|
13
|
-
下記にコードを記載します。画像が重ならないように綺麗に並べたいのでご教授のほどよろしくお願いいたします。
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
【html】
|
18
|
-
|
19
|
-
(略)・・・
|
20
|
-
|
21
|
-
<div class="boxA">
|
13
|
+
```<div class="boxA">
|
22
14
|
|
23
15
|
<div class="box1">
|
24
16
|
|
@@ -76,17 +68,13 @@
|
|
76
68
|
|
77
69
|
</div>
|
78
70
|
|
79
|
-
・・・(略)
|
80
71
|
|
81
72
|
|
73
|
+
```css
|
82
74
|
|
75
|
+
コード
|
83
76
|
|
84
|
-
|
85
|
-
【CSS】
|
86
|
-
|
87
|
-
(略)・・・
|
88
|
-
|
89
|
-
.boxA:after {
|
77
|
+
```.boxA:after {
|
90
78
|
|
91
79
|
content: "";
|
92
80
|
|