Question

我正在尝试在HTML / CSS中制作横幅广告。但是，我在我的一个div中的边距有问题。它在Firefox中完美运行，但在IE中却不行。

#lowerText{
       float: left;
       margin-top: 50px; 
       margin-left: -185px;
       color: rgb(255, 199, 142); 
       font-family: 'Special Elite', cursive; 
       font-size: 15px; 
       text-transform: uppercase;
       display:inline;
}

#upperText{
      float: left;
      margin-left: 20px; 
      margin-top: -10px; 
      color: rgb(255, 199, 142); 
      font-family: 'Special Elite', cursive; 
      font-size: 30px; 
      text-transform: uppercase;
      display:inline;
}

h3中的#lowerText标记表示“-Foo foo foo bar”。在IE中它只显示：“oo bar”。此div中的文本位于#upperText下方的特定位置。但是margin-left: 185px中的#lowerText并未在IE中显示，但它在Firefox中显示。

我需要做些什么来解决这个问题？

Answer 1

在您的评论中，您声明您的jsfiddle在IE中有效。 jsfiddle auto会插入一个doctype，我现在假设你的原始页面没有。如果是这样，IE处于怪癖模式，没有doctype和问题的原因（除了IE是地球上最糟糕的浏览器）。

编辑：没先看。 jsfiddle显示了doctype。你把它放在那里了吗？

CSS IE与Firefox中的保证金问题

1 个答案: