css - IE 7 CSS 浮动问题

Question

我的强制指标类星号及其在 IE7 中的外观存在问题。由于某种原因，星号几乎出现在 City: 标签的顶部，但在 Firefox 和 IE 8 及更高版本中看起来不错。我还包括了 HTML 的受影响部分。任何帮助将不胜感激。

.mandatoryIndicator {
    margin: 0 0 0 -.75em;
    padding: 0 4px 0 2px;
    color: #cc0000;
    font-weight: bold;
    float: left;
    position: relative;
}

<td class="alignTop width35">
   <label for="mailingCityEntry">
      <span class="mandatoryIndicator" title="Mandatory">*</span>
      City:
  </label>
</td>

Answer 1

尽量不要在 CSS中使用negative valueto 。margin这总是在 IE7 中产生样式问题。无论如何，你不应该使用 position: relative 作为内联元素（span）。它仅用于块级元素，i.e. div, 以包含其他元素。