質問編集履歴

2

質問後直したコードを載せましたが、再度、質問前のコードに訂正しました。

2018/11/14 06:17

投稿

harachan
harachan

score18

test CHANGED
File without changes
test CHANGED
@@ -34,7 +34,7 @@
34
34
 
35
35
  </head>
36
36
 
37
- <div class="wrapper">
37
+ <div class="wrapper clearfix">
38
38
 
39
39
  <div class="container-1">
40
40
 
@@ -74,6 +74,18 @@
74
74
 
75
75
 
76
76
 
77
+ .clearfix::after {
78
+
79
+ display: block;
80
+
81
+ content: "";
82
+
83
+ clear: both;
84
+
85
+ }
86
+
87
+
88
+
77
89
  .wrapper {
78
90
 
79
91
  width: 600px;
@@ -116,6 +128,8 @@
116
128
 
117
129
  background-color: yellow;
118
130
 
131
+ clear: both;
132
+
119
133
  }
120
134
 
121
135
  .container-2 {
@@ -156,7 +170,9 @@
156
170
 
157
171
  float: left;
158
172
 
159
-
173
+ clear: both;
174
+
175
+
160
176
 
161
177
  }
162
178
 

1

何とかボックスに入れました。よろしくお願いします。

2018/11/14 06:17

投稿

harachan
harachan

score18

test CHANGED
File without changes
test CHANGED
@@ -20,11 +20,7 @@
20
20
 
21
21
 
22
22
 
23
- ```html
23
+ ```HTML
24
-
25
- コード
26
-
27
- ```
28
24
 
29
25
  <!doctype html>
30
26
 
@@ -38,7 +34,7 @@
38
34
 
39
35
  </head>
40
36
 
41
- <div class="wrapper clearfix">
37
+ <div class="wrapper">
42
38
 
43
39
  <div class="container-1">
44
40
 
@@ -68,27 +64,13 @@
68
64
 
69
65
 
70
66
 
71
- </html>
67
+ </html>コード
72
-
73
-
74
-
75
- ```CSS
76
-
77
- コード
78
68
 
79
69
  ```
80
70
 
71
+ ```css
72
+
81
73
  @charset "ute-8";
82
-
83
- .clearfix::after {
84
-
85
- display: block;
86
-
87
- content: "";
88
-
89
- clear:both;
90
-
91
- }
92
74
 
93
75
 
94
76
 
@@ -100,9 +82,7 @@
100
82
 
101
83
  box-sizing: border-box;
102
84
 
103
-
104
-
105
-
85
+
106
86
 
107
87
  }
108
88
 
@@ -114,9 +94,7 @@
114
94
 
115
95
  float: left;
116
96
 
117
- clear:both;
97
+
118
-
119
-
120
98
 
121
99
  }
122
100
 
@@ -145,10 +123,6 @@
145
123
  width: 200px;
146
124
 
147
125
  box-sizing: border-box;
148
-
149
-
150
-
151
-
152
126
 
153
127
  float: left;
154
128
 
@@ -180,13 +154,7 @@
180
154
 
181
155
  box-sizing: border-box;
182
156
 
183
-
184
-
185
-
186
-
187
157
  float: left;
188
-
189
- clear: both;
190
158
 
191
159
 
192
160
 
@@ -211,3 +179,7 @@
211
179
  background-color: pink;
212
180
 
213
181
  }
182
+
183
+ <\css>コード
184
+
185
+ ```