0

下面的代码有一个输入字段,它位于绝对定位的 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>
4

1 回答 1

1

我不相信您实际上正在使用您提供的代码,因为您的 3 个结束标签没有开始标签。

您正在对内联元素应用绝对定位。

尝试将“display:block”添加到您的跨度中,并且不要忘记添加一个左值。

于 2012-10-15T23:48:12.527 回答