Fatal编程技术网
  • css/
  • IE 7 CSS浮动问题

IE 7 CSS浮动问题

css

IE 7 CSS浮动问题,css,internet-explorer-7,Css,Internet Explorer 7,我的mandatoryIndicator类星号及其在IE7中的外观有问题。出于某种原因，星号几乎出现在城市的顶部：标签在表单中，但在Firefox和IE8及更高版本中看起来不错。我还包括了HTML中受影响的部分。任何帮助都将不胜感激 .mandatoryIndicator { margin: 0 0 0 -.75em; padding: 0 4px 0 2px; color: #cc0000; font-weight: bold; float: left;

我的mandatoryIndicator类星号及其在IE7中的外观有问题。出于某种原因，星号几乎出现在城市的顶部：标签在表单中，但在Firefox和IE8及更高版本中看起来不错。我还包括了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>

.mandatoryIndicator{
边缘：0-0.75em；
填充：0 4px 0 2px；
颜色：#cc0000；
字体大小：粗体；
浮动：左；
位置：相对位置；
}
*
城市：
尽量不要在CSS中使用
负值
到
边距
。这在IE7中总是会产生样式问题。无论如何，对于内联元素（
span
），不应该使用position:relative。它仅用于块级元素，即div，以包含其他元素。
您能制作一个或演示吗？