添加隐藏的输入类型会改变我的CSS

Question

我的代码如下所示：

<form name="deleteUser" action="/groupmanager" method="post"><div id="x">  {% csrf_token %} 
<input type="hidden" name="username" value = "{{name}}"></input>
<input type="hidden" name="groupName" value = "{{group}}"></input>
<input type="submit" name="xButton" id="xButton" value="x"></div></form>

代码的工作方式与我想要的方式完全相同，但是现在我添加了它，页面的布局也发生了变化。现在按钮已移动到新行，而不是与代码中的前一行相同。

我的代码看起来像这样：

<div id="x"><input type="submit" name="xButton" id="xButton" value="x"></div>

Answer 1

我认为这个变化仅限于IE？尝试将position:relative; float:left添加到隐藏输入的CSS中。