質問編集履歴

3

スクリーンショットを追加しました。

2018/06/28 05:16

投稿

t.ichikawa
t.ichikawa

スコア8

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

コードブロック内にコードを入力しました

2018/06/28 05:16

投稿

t.ichikawa
t.ichikawa

スコア8

test CHANGED
File without changes
test CHANGED
@@ -8,9 +8,9 @@
8
8
 
9
9
  ```html
10
10
 
11
- コード
12
11
 
12
+
13
- ```<div class="boxA">
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
- ```.boxA:after {
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

コード部分にコードを貼り付けました

2018/06/28 04:58

投稿

t.ichikawa
t.ichikawa

スコア8

test CHANGED
File without changes
test CHANGED
@@ -1,24 +1,16 @@
1
- ### 前提・実現したこと
1
+ boxA(box1~3)につては横配列になるのですが、boxbのbox(box4~6)が横配列になりません。
2
2
 
3
- box4~6の配列を横にしたい
3
+ 画像にかぶらずに綺麗に横配列になるようご教示お願い致ます。
4
4
 
5
5
 
6
6
 
7
7
 
8
8
 
9
- 初心者です。HTML/CSSにて商品一覧ページを作成しています。
9
+ ```html
10
10
 
11
- boxA内の画像(box1~3)は横配列になったのですが、boxB内の画像(box4~6)が縦配列になってしまいます。
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