teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問width481以上からの閲覧時にfloatする

編集履歴

質問編集履歴

4

修正

2020/02/26 04:26

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -84,7 +84,7 @@
84
84
 
85
85
  @media screen and (min-width:481px) {
86
86
 
87
- div.con2 p {
87
+ div.A p {
88
88
 
89
89
  display: table-cell;
90
90
 

3

clearfix

2020/02/26 04:26

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -107,3 +107,21 @@
107
107
 
108
108
 
109
109
  正しいやり方と、cleafixの書き方を教えて下さい。
110
+
111
+ ```
112
+
113
+ .clearfix::after {
114
+
115
+ content: "" ;
116
+
117
+ display: block ;
118
+
119
+ clear: both ;
120
+
121
+ }
122
+
123
+ ```
124
+
125
+ をCSSに追記して、反映させるのかと思っていますが、
126
+
127
+ やり方がいまいちわかっていません。

2

コードブロック

2020/02/26 04:25

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -7,6 +7,8 @@
7
7
 
8
8
 
9
9
  HTML
10
+
11
+ ```
10
12
 
11
13
  <div class="A">
12
14
 
@@ -24,9 +26,11 @@
24
26
 
25
27
  </div>
26
28
 
27
-
29
+ ```
28
30
 
29
31
  CSS
32
+
33
+ ```
30
34
 
31
35
  div.A p {
32
36
 
@@ -38,7 +42,7 @@
38
42
 
39
43
  }
40
44
 
41
-
45
+ ```
42
46
 
43
47
  として、
44
48
 
@@ -76,6 +80,8 @@
76
80
 
77
81
  試しに、先述のCSSの後に
78
82
 
83
+ ```
84
+
79
85
  @media screen and (min-width:481px) {
80
86
 
81
87
  div.con2 p {
@@ -94,6 +100,8 @@
94
100
 
95
101
  }
96
102
 
103
+ ```
104
+
97
105
  を入れてみたところ、全く上手く行きませんでした。
98
106
 
99
107
 

1

**表記を変更しました。

2020/02/26 04:21

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -8,19 +8,19 @@
8
8
 
9
9
  HTML
10
10
 
11
- <div class="**">
11
+ <div class="A">
12
12
 
13
13
  <p><img src="～.png" width="80" height="100" alt=""/></p>
14
14
 
15
- <p class="tex">～～です。</p>
15
+ <p class="B">～～です。</p>
16
16
 
17
17
  </div>
18
18
 
19
- <div class="con2">
19
+ <div class="A">
20
20
 
21
21
  　<p><img src="～.png" width="80" height="100" alt=""/></p>
22
22
 
23
- 　<p class="tex">～～～です。</p>
23
+ 　<p class="B">～～～です。</p>
24
24
 
25
25
  </div>
26
26
 
@@ -28,7 +28,7 @@
28
28
 
29
29
  CSS
30
30
 
31
- div.** p {
31
+ div.A p {
32
32
 
33
33
  display: table-cell ;
34
34