teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問CssのFloatについて

編集履歴

質問編集履歴

8

2019/03/24 13:52

投稿

aness-i-rinupen
aness-i-rinupen

スコア13

test CHANGED
File without changes
test CHANGED
@@ -254,4 +254,10 @@
254
254
 
255
255
 
256
256
 
257
+ }
258
+
259
+
260
+
261
+
262
+
257
- ```
263
+ ```

7

2019/03/24 13:52

投稿

aness-i-rinupen
aness-i-rinupen

スコア13

test CHANGED
File without changes
test CHANGED
@@ -46,9 +46,9 @@
46
46
 
47
47
  </div>
48
48
 
49
- </div>
49
+ </div>
50
-
50
+
51
- <div class="hutatume">
51
+ <div class="hutatume">
52
52
 
53
53
  <div class="yousoni">
54
54
 
@@ -62,9 +62,9 @@
62
62
 
63
63
  </div>
64
64
 
65
- </div>
65
+ </div>
66
-
66
+
67
- <div class="mittume">
67
+ <div class="mittume">
68
68
 
69
69
  <div class="yousosann">
70
70
 
@@ -78,9 +78,7 @@
78
78
 
79
79
  </div>
80
80
 
81
- </div>
81
+ </div>
82
-
83
- </div>
84
82
 
85
83
 
86
84
 

6

2019/03/24 13:50

投稿

aness-i-rinupen
aness-i-rinupen

スコア13

test CHANGED
File without changes
test CHANGED
File without changes

5

2019/03/24 12:27

投稿

aness-i-rinupen
aness-i-rinupen

スコア13

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,4 @@
1
- コード
2
-
3
- ```### css Floatについて
1
+ css Floatについて
4
2
 
5
3
 
6
4
 

4

2019/03/24 12:26

投稿

aness-i-rinupen
aness-i-rinupen

スコア13

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,6 @@
1
+ コード
2
+
1
- ### css Floatについて
3
+ ```### css Floatについて
2
4
 
3
5
 
4
6
 
@@ -30,7 +32,7 @@
30
32
 
31
33
  htmlのコード
32
34
 
33
- '''
35
+ ```
34
36
 
35
37
  <div class="hitotume">
36
38
 
@@ -84,7 +86,7 @@
84
86
 
85
87
 
86
88
 
87
- '''
89
+ ```
88
90
 
89
91
 
90
92
 
@@ -96,7 +98,7 @@
96
98
 
97
99
 
98
100
 
99
- '''
101
+ ```
100
102
 
101
103
 
102
104
 
@@ -256,4 +258,4 @@
256
258
 
257
259
 
258
260
 
259
- '''
261
+ ```

3

コードの訂正です。

2019/03/24 12:25

投稿

aness-i-rinupen
aness-i-rinupen

スコア13

test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,9 @@
30
30
 
31
31
  htmlのコード
32
32
 
33
+ '''
34
+
33
- '''<div class="hitotume">
35
+ <div class="hitotume">
34
36
 
35
37
  <div class="yousoichi">
36
38
 
@@ -80,6 +82,8 @@
80
82
 
81
83
  </div>
82
84
 
85
+
86
+
83
87
  '''
84
88
 
85
89
 
@@ -94,6 +98,8 @@
94
98
 
95
99
  '''
96
100
 
101
+
102
+
97
103
  @media screen and (min-width:961px) {
98
104
 
99
105
 
@@ -248,4 +254,6 @@
248
254
 
249
255
  }
250
256
 
257
+
258
+
251
- '''
259
+ '''

2

質問文のコードに'''を加えました。よろしくお願いします

2019/03/24 12:17

投稿

aness-i-rinupen
aness-i-rinupen

スコア13

test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,7 @@
30
30
 
31
31
  htmlのコード
32
32
 
33
- <div class="hitotume">
33
+ '''<div class="hitotume">
34
34
 
35
35
  <div class="yousoichi">
36
36
 
@@ -80,7 +80,7 @@
80
80
 
81
81
  </div>
82
82
 
83
-
83
+ '''
84
84
 
85
85
 
86
86
 
@@ -92,6 +92,8 @@
92
92
 
93
93
 
94
94
 
95
+ '''
96
+
95
97
  @media screen and (min-width:961px) {
96
98
 
97
99
 
@@ -245,3 +247,5 @@
245
247
  margin-left:15px;
246
248
 
247
249
  }
250
+
251
+ '''

1

実際に書いてみたコードを追加させていただきました

2019/03/24 12:15

投稿

aness-i-rinupen
aness-i-rinupen

スコア13

test CHANGED
File without changes
test CHANGED
@@ -19,3 +19,229 @@
19
19
  本当の初心者ですいません
20
20
 
21
21
  よろしくお願いします
22
+
23
+
24
+
25
+
26
+
27
+
28
+
29
+
30
+
31
+ htmlのコード
32
+
33
+ <div class="hitotume">
34
+
35
+ <div class="yousoichi">
36
+
37
+ <h2>要素１</h2>
38
+
39
+ </div>
40
+
41
+ <div class="yousoichihonnbunn">
42
+
43
+ <p>要素１本文</p>
44
+
45
+ </div>
46
+
47
+ </div>
48
+
49
+ <div class="hutatume">
50
+
51
+ <div class="yousoni">
52
+
53
+ <h2>要素２</h2>
54
+
55
+ </div>
56
+
57
+ <div class="yousonihonnbunn">
58
+
59
+ <p> 要素２本文</p>
60
+
61
+ </div>
62
+
63
+ </div>
64
+
65
+ <div class="mittume">
66
+
67
+ <div class="yousosann">
68
+
69
+ <h2>要素３</h2>
70
+
71
+ </div>
72
+
73
+ <div class="yousosannhonnbunn">
74
+
75
+ <p>要素３本文</p>
76
+
77
+ </div>
78
+
79
+ </div>
80
+
81
+ </div>
82
+
83
+
84
+
85
+
86
+
87
+
88
+
89
+
90
+
91
+ cssのコード
92
+
93
+
94
+
95
+ @media screen and (min-width:961px) {
96
+
97
+
98
+
99
+ .yousoichi{
100
+
101
+ font-size:24px;
102
+
103
+ background-color:#6E2A40;
104
+
105
+ box-shadow: 0px 0px 0px 5px #6E2A40;
106
+
107
+ border:dashed 2px white;
108
+
109
+ padding:3px 15px;
110
+
111
+ margin-right:20px;
112
+
113
+ margin-left:20px;
114
+
115
+ }
116
+
117
+
118
+
119
+ .yousoichi h2{
120
+
121
+ color:white;
122
+
123
+ }
124
+
125
+
126
+
127
+ .yousoichihonnbunn{
128
+
129
+ font-size:16px;
130
+
131
+ border-right:2px solid #808080;
132
+
133
+ border-left:2px solid #808080;
134
+
135
+ border-bottom:2px solid #808080;
136
+
137
+ padding:5px 10px 10px 10px;
138
+
139
+ margin-bottom:15px;
140
+
141
+ margin-right:15px;
142
+
143
+ margin-left:15px;
144
+
145
+ }
146
+
147
+
148
+
149
+ .yousoni{
150
+
151
+ font-size:24px;
152
+
153
+ background-color:#6E2A40;
154
+
155
+ box-shadow: 0px 0px 0px 5px #6E2A40;
156
+
157
+ border:2px dashed white;
158
+
159
+ padding:3px 15px;
160
+
161
+ margin-right:20px;
162
+
163
+ margin-left:20px;
164
+
165
+ }
166
+
167
+
168
+
169
+ .yousoni h2{
170
+
171
+ color:white;
172
+
173
+ }
174
+
175
+
176
+
177
+ .yousonihonnbunn{
178
+
179
+ font-size:16px;
180
+
181
+ border-right:2px solid #808080;
182
+
183
+ border-left:2px solid #808080;
184
+
185
+ border-bottom:2px solid #808080;
186
+
187
+ padding:5px 10px 10px 10px;
188
+
189
+ margin-bottom:15px;
190
+
191
+ margin-right:15px;
192
+
193
+ margin-left:15px;
194
+
195
+ }
196
+
197
+
198
+
199
+
200
+
201
+ .yousosann{
202
+
203
+ font-size:24px;
204
+
205
+ background-color:#6E2A40;
206
+
207
+ box-shadow: 0px 0px 0px 5px #6E2A40;
208
+
209
+ border:2px dashed white;
210
+
211
+ padding:3px 15px;
212
+
213
+ margin-right:20px;
214
+
215
+ margin-left:20px;
216
+
217
+ }
218
+
219
+
220
+
221
+ .yousosann h2{
222
+
223
+ color:white;
224
+
225
+ }
226
+
227
+
228
+
229
+ .yousosannhonnbunn{
230
+
231
+ font-size:16px;
232
+
233
+ border-right:2px solid #808080;
234
+
235
+ border-left:2px solid #808080;
236
+
237
+ border-bottom:2px solid #808080;
238
+
239
+ padding:5px 10px 10px 10px;
240
+
241
+ margin-bottom:15px;
242
+
243
+ margin-right:15px;
244
+
245
+ margin-left:15px;
246
+
247
+ }