在 IE9 中，文本低于所有类型的输入答案

【问题标题】：In IE9 the text is going down below all types of input在 IE9 中，文本低于所有类型的输入
【发布时间】：2011-08-15 10:17:31
【问题描述】：

我有一个如下的html：

<li class="liClass">
  <img class="dragingClass" />
  &nbsp;<img class="removeClass" />
  <label for="shoe" class="ShoeClass">
  <select class="width_150">
    <option>blackShoe</option>
    <option>greenShoe</option>
    <option>redShoe</option>
  </select>

 <label for="price" class="priceLabelClass">foo1</label>
 <input type =""text" style="width:3em" class="priceInputClass" value="" />

 <label for="minSize" class="minSizelabelClass">
 <input style="width:4em" class="minSizeInputClass" value="" />

我的CSS：

.liClass {
clear: left;
padding: 5px 0;
}

li.pushedProduct img.dragingClass{
float: left;
cursor: move;
}

li.pushedProduct img.removeClass{
float: left; 
padding-left:4px;
 }

.liClass label {
float: left;
padding: 0.1em 1em 0 1em;
width: 5em;
text-align: right;
 }

  label.ShoeClass {
float: left;
width: 2em;
 }

 label.priceLabelClass {
float: left;
width: 3em;
 }

  label.minSizelabelClass{
float:left;
width: 3.5em;
  }

 .liClass input {
float: left;
width: 15em;
  }


  .liClass select {
display: inline;
float: left;
width: 150px;
 }

上面的 css 在 Firefox 中可以正常工作，但在 IE9 中，标签位于所有输入框下方。我无法找出问题所在。

【问题讨论】：

一些错误type =""text"，缺少</label> 标签。您能否添加相关 html 的结尾：...</li>.

标签： css internet-explorer-9

【解决方案1】：

我同意 Stack 101：html 有点未完成，似乎是大部分问题。正如已经指出的那样，将type =""text" 更改为type="text" 并在代码末尾添加缺少的</label> for shoe...以及结尾的</li>。我在这个例子中调整了所有的 html 并且它自己纠正了：http://jsfiddle.net/GVBJW/ 我不认为这是您的 css...只是格式错误的 html。

【讨论】：