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

【问题标题】：div inside ul causing problems in IE7ul里面的div导致IE7出现问题
【发布时间】：2011-07-03 11:49:12
【问题描述】：

我有一个<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; }

【问题讨论】：

【解决方案1】：

您不能在<ul> 中直接包含 div。不过，它们可以进入<li> 元素。这可能对您遇到的问题有所帮助，也可能无济于事，但应予以修复以确保不是原因。

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

【讨论】：