Html Safari错误地呈现列表项

我有一张无序的名单，像这样的

<ul>
 <li>
  <div>filled with other stuff</div>
 </li>
 <li>
  <div>filled with other stuff</div>
 </li>
 <li>
  <div>filled with other stuff</div>
 </li>
</ul>

<ul>
 <li>
  <div>filled with other stuff</div>
  <li>
    <div>filled with other stuff</div>
    <li>
     <div>filled with other stuff</div>
    </li>
  </li>
 </li> 
</ul>

装满了其他东西


装满了其他东西


装满了其他东西

当我在Safari中查看列表时，列表显示错误，当我检查html时，我得到如下结果

<ul>
 <li>
  <div>filled with other stuff</div>
 </li>
 <li>
  <div>filled with other stuff</div>
 </li>
 <li>
  <div>filled with other stuff</div>
 </li>
</ul>

<ul>
 <li>
  <div>filled with other stuff</div>
  <li>
    <div>filled with other stuff</div>
    <li>
     <div>filled with other stuff</div>
    </li>
  </li>
 </li> 
</ul>

装满了其他东西

装满了其他东西

装满了其他东西

---

你知道为什么只有在Safari中才会发生这种情况吗？

你的标记是错误的。你不能把一个李放在一个李里而不让一个ul先来

如果你想做嵌套lis，你需要开始一个新的ul

<ul>
<li>lorem
 <ul>
  <li>ipsum</li>
  <li>dolor</li>
 </ul>
</li>
</ul>

洛勒姆

ipsum
多洛

---

如果可以避免的话，最好不要在li中使用div（当然你可以），如果你需要一个li来充当块，那么在css中添加display:block。

在Safari 5.0.2或Chrome 8中无法重新编程（两者都使用WebKit来呈现HTML）。你确定你的标记是正确的吗？哪个版本的safari/webkit？嗨，克朗，谢谢你的支持。我的目标是不让李家的房子被套起来。Safari以我给出的第一个例子为例，出于一个未知的原因，把它交给了第二个例子。哦，对不起，我应该把这个问题读得更好。为什么在lis中使用div？如果删除它们，它是否按预期呈现？另外，你能发布你的代码的其余部分吗？它很可能是代码中更高级的东西