css - 绝对内部相对溢出即

标签 css internet-explorer css-position

下面的代码有一个输入字段,它位于绝对定位的 div 内,而该 div 位于相对位置 div 内。这应该是一些 CSS 技巧。还有另一个带有溢出的潜水,以便内容滚动。在 IE 9 中,输入栏几乎像固定位置元素一样 float 。它在 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>

最佳答案

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

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

尝试将“display:block”添加到您的 span 中,同时不要忘记添加一个 left 值。

关于css - 绝对内部相对溢出即,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12904500/

相关文章:

css - 使主窗口水平滚动

css - IE9 的条件 CSS 不工作

css - IE 在 Wordpress 主题中拉伸(stretch)特色图片的问题

html - 如何设置标题内链接的底部位置

css - 绝对定位在 AP Parent 之外进行映射

html - 在 CSS 中对齐

css表单下拉列表问题

javascript - HTML/JS 调试器

javascript - 切换位置根据滚动位置固定

html - 将背景图像保持在底部