下面的代码有一个输入字段,它位于绝对定位的 div 内部,该 div 位于相对位置 div 的内部。这应该是一些 CSS 技巧。还有另一个带有溢出的潜水,以便内容滚动。在 IE 9 中,输入栏几乎像固定位置元素一样浮动。它在 Firefox 中没有这种行为。我有这个复杂的 jquery 小部件,它有一个类似的问题,我刚刚将它分解成一个更简单的形式来尝试解决它。
测试
<div style="position:relative">
<span style="position:absolute;top:0">
some input <input>
</span>
</div>
<br>
some numbers
1 <br>
2 <br>
3 <br>
4 <br>
5 <br>
6 <br>
7 <br>
8 <br>
9 <br>
10 <br>
11 <br>
12 <br>
13 <br>
14 <br>
15 <br>
16 <br>
17 <br>
18 <br>
19 <br>
20 <br>
21 <br>
22 <br>
23 <br>
24 <br>
25 <br>
26 <br>
27 <br>
28 <br>
29 <br>
30 <br>
31 <br>
32 <br>
33 <br>
34 <br>
35 <br>
36 <br>
37 <br>
38 <br>
39 <br>
40 <br>
41 <br>
42 <br>
43 <br>
44 <br>
45 <br>
46 <br>
47 <br>
48 <br>
49 <br>
50 <br>
51 <br>
52 <br>
53 <br>
54 <br>
55 <br>
56 <br>
57 <br>
58 <br>
59 <br>
60 <br>
61 <br>
62 <br>
63 <br>
64 <br>
65 <br>
66 <br>
67 <br>
68 <br>
69 <br>
70 <br>
71 <br>
72 <br>
73 <br>
74 <br>
75 <br>
76 <br>
77 <br>
78 <br>
79 <br>
80 <br>
81 <br>
82 <br>
83 <br>
84 <br>
85 <br>
86 <br>
87 <br>
88 <br>
89 <br>
90 <br>
91 <br>
92 <br>
93 <br>
94 <br>
95 <br>
96 <br>
97 <br>
98 <br>
99 <br>
100 <br>
</div>
</div>
</div>