绝对内部相对溢出即

时间:2012-10-15 21:44:01

标签: css internet-explorer css-position

以下代码的输入字段位于绝对定位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>

1 个答案:

答案 0 :(得分:1)

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

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

尝试在您的范围内添加“display:block”,并且不要忘记添加左侧值。