回答編集履歴

2

追記

2019/02/11 02:50

投稿

yoshinavi
yoshinavi

スコア3523

test CHANGED
@@ -8,17 +8,19 @@
8
8
 
9
9
  ---
10
10
 
11
+ -回答を修正しました-
12
+
11
13
 
12
14
 
13
15
  > position: absoluteだけ表示させた時にHTML & CSSという文字が左に行く理由がわからない。
14
16
 
15
17
 
16
18
 
17
- 「position: abusolute」により、「左上」に移行しようとしますが、親要素に「float:left」があるため、imgの後に廻り込み、明確なtop指定がないため、「左」に移行します。
19
+ 「position: abusolute」により、「左上」に移行しようとしますが、明確なtop指定がないため、初期値auto」により、「imgの高さ」を確保した状態でそのまま「左」に移行します。
18
20
 
19
21
 
20
22
 
21
- ※「top」の初期値は「auto」であり、通常は「0」と同様の位置に来ます。
23
+ ※「top」の初期値は「auto」であり、通常は「0」と同様の位置に来ますが、imgが先行されていると、高さを確保するので、「top指定」が必要になりますまたは、imgにも「position: abusolute」を設定する必要があります。
22
24
 
23
25
 
24
26
 

1

追記

2019/02/11 02:50

投稿

yoshinavi
yoshinavi

スコア3523

test CHANGED
@@ -29,3 +29,13 @@
29
29
 
30
30
 
31
31
  「position: abusolute」により、width指定がないので、インライン要素的な範囲になります。
32
+
33
+
34
+
35
+ ---
36
+
37
+
38
+
39
+ -追記-
40
+
41
+ 「float」や「position:abusolute」による「要素の高さ0」が、いくつかありますので、HTML・CSS等見直される事をオススメします。