質問編集履歴
2
teratail例
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,11 +4,11 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
ちょうどteratailさんで、回答者アイコンにホバーしたときに、その範囲が大きくなるイメージです。
|
|
8
8
|
|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
|
|
12
12
|
|
|
13
13
|
### ソースコード
|
|
14
14
|
|
|
@@ -163,3 +163,13 @@
|
|
|
163
163
|
|
|
164
164
|
|
|
165
165
|
|
|
166
|
+
|
|
167
|
+
|
|
168
|
+
|
|
169
|
+
###詳細と問題点
|
|
170
|
+
|
|
171
|
+
実現したい機能を具体的に言いますと、``<div class="one">ここホバーで表示</div>``は``absolute``で``.g1``の下に置いておきつつ、ホバーしたらその位置と高さのままで、``<div class="two">この高さは可変</div>``を下に表示したいという機能になります。
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
|
|
175
|
+
今回の件で難しい問題は、``<div class="two">この高さは可変</div>``とあるように、ホバーで表示させる部分の高さが未定であるという点と、``<div class="one">ここホバーで表示</div>``は``absolute``であるという点だと思います。
|
1
コードをくくった
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -4,9 +4,11 @@
|
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
実現したい機能を具体的に言いますと、``<div class="one">ここホバーで表示</div>``は``absolute``で``.g1``の下に置いておきつつ、ホバーしたらその高さのままで、``<div class="two">この高さは可変</div>``を下に表示したいという機能になります。
|
|
8
8
|
|
|
9
9
|
|
|
10
|
+
|
|
11
|
+
難しい問題は、``<div class="two">この高さは可変</div>``とあるように、ホバーで表示させる部分の高さが未定であるという点です。
|
|
10
12
|
|
|
11
13
|
### ソースコード
|
|
12
14
|
|