以下代码的输入字段位于绝对定位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>
答案 0 :(得分:1)
我不相信您实际上在使用您提供的代码,因为3个结束标记没有开始标记。
您正在将绝对定位应用于内联元素。
尝试在您的范围内添加“display:block”,并且不要忘记添加左侧值。