html - ul 内的 div 在 IE7 中导致问题

Question

我有一个 <ul > 其中包含许多 lis 和 div。 li 是根据输入和标签自动生成的，div 向右浮动，用作解释每个输入的工具提示。

代码如下:

<ul>
  <div>tooltip</div>
  <li>input</li>
  <div>tooltip</div>
  <li>input</li>
  <div>tooltip</div>
  <li>input</li>
</ul>

这在 firefox 和 IE8 中工作正常，但在 IE7 中，它假定每个 div 都是前一个 <li 的一部分。 >，并完全删除 </li > 来自解释源代码的标签(从 IEtester 的查看源代码开发工具中找到)。任何人都知道为什么会发生这种情况以及如何修改它？

CSS:

.tooltip { float: right; width: 140px; font-size: 0.9em; padding: 9px 9px 9px 15px; margin-top: 15px; }

Answer 1

<ul> 中不能有 div直接地。他们可以进入 <li>虽然元素。这可能会或可能不会帮助解决您遇到的问题，但应该修复以确保它不是问题的原因。

<ul>
  <li>input<div>tooltip</div></li>
  <li>input<div>tooltip</div></li>
  <li>input<div>tooltip</div></li>
</ul>