Html IE中的隐藏输入占用空间

Html IE中的隐藏输入占用空间,html,css,internet-explorer,Html,Css,Internet Explorer,在表单底部添加注释时,我有一组隐藏的HTML输入。工作正常,但IE除外 在IE中,它们占用空间并向下移动窗体。我怀疑这是因为输入有通用的CSS规则,但我不是100%确定。如果是这样的话,我如何使输入类型“隐藏”不受CSS规则的影响?如果不是这样,那怎么办?使用IE开发者工具(F12)来找出哪个对象真正占用了空间。我发现IE中隐藏的提交按钮对我有效 <input type="submit" style="width:0; height:0; border:0; background-colo

在表单底部添加注释时,我有一组隐藏的HTML输入。工作正常,但IE除外


在IE中,它们占用空间并向下移动窗体。我怀疑这是因为
输入有通用的CSS规则,但我不是100%确定。如果是这样的话,我如何使输入类型“隐藏”不受CSS规则的影响?如果不是这样,那怎么办?

使用IE开发者工具(
F12
)来找出哪个对象真正占用了空间。

我发现IE中隐藏的提交按钮对我有效

<input type="submit" style="width:0; height:0; border:0; background-color:inherit; overflow:hidden;" />


也许它可以用于其他类型的隐藏控件

IE添加条件标记来处理
#内容
。注释sbt btn

这样做:

  • 内容中删除
    宽度:100%
  • 清除左侧空白,并删除
    上的
    左侧边距
    。注释sbt btn

  • 这将修复IE中的渲染问题。

    添加一个
    float:left。这会有帮助。

    我使用了debugbar,它都指向隐藏的输入。我可能弄错了。有没有办法通过CSS规则在全球范围内做到这一点?没有写类名或修改整个站点的所有html?我相信你可以在所有隐藏的输入上放置一个类,或者通过jQuery应用相关的CSS刚刚遇到这个问题,我要做的是使用jQuery向
    输入[type=hidden]
    添加一个类,然后设置
    。hidden
    (假设这是类名)显示:无。它应该可以工作,但我还没有测试。它会有什么帮助?答案应该有解释
      clear: left; 
      margin-left: inherit;