css - 在Safari，iPad(并假设为iPhone)中使用li标记进行怪异的缩进

这是正在发生的事情的视觉效果，因为我不太擅长用语言来描述：



您也可以通过单击here看到此操作。

另外，当您单击其中一个食谱时，也不会表现出这种现象（在该页面上也会生成相同的列表，并且具有相同的CSS样式），因此我很困惑。

任何帮助将不胜感激。

最佳答案

列表上方的两个浮动元素导致了该问题。您可以添加clear: both：

.recipeList {
    clear: both;
}