Скрытый ввод занимает место в IE

Question

На эта страница внизу формы для добавления комментариев, у меня есть набор скрытых вводов HTML.Работает нормально, за исключением IE.

В IE они занимают место и перемещают форму вниз.Я подозреваю, что это потому, что есть общие правила CSS для input, но я не уверен на 100%.Если это так, как мне сделать так, чтобы правила ввода «скрытые» не затрагивались правилами CSS?Если это не так, то что происходит?

Answer 1

Добавить float: left;. Это поможет.

Answer 2

Используйте IE Developer Tools (F12), чтобы узнать, какой объект действительно занимает место.

Answer 3

Для IE добавьте условные теги для обработки #content и .comment-sbt-btn

Сделайте это:

1. Удалите width: 100% из #content
2. Очиститьоставьте и удалите margin-left на .comment-sbt-btn:

  clear: left; 
  margin-left: inherit;

Это решит проблему рендеринга в IE.

Answer 4

Я обнаружил, что это работает для меня с помощью скрытой кнопки отправки в IE

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

Может быть, это будет работать для других типов скрытых элементов управления