teratail
回答率
85.48%
質問するログイン新規登録
トップHTMLに関する質問HTML でのブロック要素の動かし方

編集履歴

回答編集履歴

3

画像の追加

2019/09/04 13:10

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -10,33 +10,9 @@
10
10
 
11
11
 
12
12
 
13
- ```HTML
14
13
 
15
- <div class="box_b">
16
-
17
- <div class="box_b1"></div>
18
-
19
- <div class="box_b3">
20
-
21
- <div class="box_b3_1"></div>
22
-
23
- <div class="box_b3_2"></div>
24
-
25
- <div class="box_b3_3"></div>
26
-
27
- </div>
28
-
29
- <div class="box_b2"></div>
30
-
31
- </div>
32
-
33
- ```
34
14
 
35
15
  やるんだったらこんな感じでは？
36
-
37
-
38
-
39
- ### 追記
40
16
 
41
17
 
42
18
 
@@ -101,3 +77,5 @@
101
77
  // 省略
102
78
 
103
79
  ```
80
+
81
+ ![イメージ説明](51851b70761159de6f52b4e18a80f096.jpeg)

2

追記

2019/09/04 13:10

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -68,12 +68,36 @@
68
68
 
69
69
  ```CSS
70
70
 
71
- .left, .box_b1, .box_b2, .box_b3 {
71
+ .left, .box_b2, .box_b3 {
72
72
 
73
73
  display: inline-block;
74
74
 
75
75
  }
76
76
 
77
+
78
+
79
+ // 上は加えてください
80
+
81
+
82
+
83
+ // 省略
84
+
85
+
86
+
87
+ .box_b2 {
88
+
89
+ background-color: pink;
90
+
91
+ height: 300px;
92
+
93
+ width: 150px;
94
+
95
+ // float: left; いらない
96
+
97
+ }
98
+
99
+
100
+
101
+ // 省略
102
+
77
103
  ```
78
-
79
- CSSは元のコードに加えてください。

1

追加

2019/09/04 13:05

投稿

kyoya0819
kyoya0819

スコア10429

test CHANGED
@@ -33,3 +33,47 @@
33
33
  ```
34
34
 
35
35
  やるんだったらこんな感じでは？
36
+
37
+
38
+
39
+ ### 追記
40
+
41
+
42
+
43
+ ```HTML
44
+
45
+ <div class="box_b">
46
+
47
+ <div class=left>
48
+
49
+ <div class="box_b1"></div>
50
+
51
+ <div class="box_b2"></div>
52
+
53
+ </div>
54
+
55
+ <div class="box_b3">
56
+
57
+ <div class="box_b3_1"></div>
58
+
59
+ <div class="box_b3_2"></div>
60
+
61
+ <div class="box_b3_3"></div>
62
+
63
+ </div>
64
+
65
+ </div>
66
+
67
+ ```
68
+
69
+ ```CSS
70
+
71
+ .left, .box_b1, .box_b2, .box_b3 {
72
+
73
+ display: inline-block;
74
+
75
+ }
76
+
77
+ ```
78
+
79
+ CSSは元のコードに加えてください。