后面的 HTML 标签

Question

我有以下 HTML 代码:

<div id="my_div" style="height:400px"></div>
<hr>
<input type="text" id="my_input">

my_div 稍后将填充数据(通过 jQuery)，但问题是

<hr>

出现在 my_div 后面，但 my_input 是它应该在的位置(即在 my_div 之后)。

有人知道为什么吗？

编辑:一个 bootstrap css 类 (span10) 导致了这个问题。在我删除该类(class)后，它起作用了。

Answer 1

给你的 div 一个 position: relative 值

<div id="my_div" style="height:400px; position: relative;"></div>

仅出于测试目的，我会给您的 CSS 声明 !important 以排除任何 javascript/bootstrap 覆盖

<div id="my_div" style="height:400px !important; position: relative !important;"></div>