Safari错误地呈现列表项

Question

我有一个无序的列表，像这样的东西

<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>

当我查看Safari中的列表时，列表显示错误，当我检查html时，我得到类似的内容

<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？

Answer 1

你的标记错了。你不能在没有先到先得的情况下将li嵌入li中。

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

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

最好不要在li中使用div，如果你可以避免它（肯定可以） - 如果你需要一个li来表示块添加显示：阻止你的css。