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

你的标记是错误的。如果不先出现 ul，则无法将 li 嵌套在 li 中。

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

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

如果可以避免，最好不要在 li 中使用 div（您当然可以） - 如果您需要 li 来充当块，请将 display:block 添加到您的 css。