Question

我有一些简单的代码：

<h3>An h3 header</h3>
<ul>
 <li>More stuff</li>
 <li>other stuff</li>
 <li>Still other stuff
   <ul>
      <li>inner stuff1</li>
      <li>inner stuff2</li>
      <li>inner stuff3</li>
    </ul>
  </li>
  <li>Another list item</li>
  <li>some More stuff</li>
  <li>another other stuff</li>
  <li>text other stuff
    <ul>
       <li>other inner stuff1</li>
       <li>other inner stuff2</li>
       <li>other inner stuff3</li>
       <li>other inner stuff4</li>
    </ul>
  </li>
</ul>
<h3>This h3 tag no has no top margin at all in IE7 and IE8, the above h3 tag has margin</h3>

代码在IE9，FF和Chrome中呈现正常。意味着最后一个h3标签和最终/ ul标签之间存在余量。有什么想法吗？有一个全局的css重置文件，它将所有内容都归零。

Answer 1

您是否通过W3C validator运行代码？

如果您的HTML无效，IE可能会恢复为怪异模式，无论DOCTYPE如何，因此您的uls上的css边距都会变得无足轻重。另外请确保DOCTYPE是文档中的第一件事（没有空格），或者IE会忽略它。

在IE7和IE8中标记后没有边距。 IE9，FF，Chrome都可以

1 个答案: