質問編集履歴
3
不要なcssを削除しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -62,9 +62,7 @@
|
|
|
62
62
|
background-image: url(/assets/images/common/arrow.png);
|
|
63
63
|
background-size: contain;
|
|
64
64
|
position: absolute;
|
|
65
|
-
/* top: 50%; */
|
|
66
65
|
margin-left: 5px;
|
|
67
|
-
/* transform: translateY(-50%); */
|
|
68
66
|
top: 5px;
|
|
69
67
|
}
|
|
70
68
|
|
2
不要なcssを削除しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -44,16 +44,6 @@
|
|
|
44
44
|
position: relative;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
.p-contentsBox__link::after {
|
|
48
|
-
content: "";
|
|
49
|
-
display: inline-block;
|
|
50
|
-
width: 15px;
|
|
51
|
-
height: 15px;
|
|
52
|
-
background-image: url(/assets/images/common/link.png);
|
|
53
|
-
background-size: contain;
|
|
54
|
-
transform: translateY(50%);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
47
|
.p-contentsBox__item {
|
|
58
48
|
color: blue;
|
|
59
49
|
float: left;
|
1
flexboxは使用しないことを明記した
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
floatを使った文章に擬似要素を使って矢印のアイコンを付けているのですが、画面幅を狭めていくと改行された文章に対しては擬似要素で付けた矢印の位置がおかしくなってしまいます。
|
|
2
2
|
この原因と解決策を教えて頂きたいです。
|
|
3
|
+
＊尚、floatの使い方に関する学習をしている為にflexboxは使用しない前提です。
|
|
3
4
|
|
|
4
5
|
【改行せずに正常な状態】
|
|
5
6
|
|