ul里面的div导致IE7出现问题

Question

我有<ul＆gt;其中包含许多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＆gt;的一部分，并完全删除了</li＆gt;来自解释的源代码的标签（从IEtester的View Source Code开发工具中找到）。任何人都知道为什么会这样，以及如何修改它？

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>