css - Safari，iPad（假设iPhone）中li标记的奇怪缩进

Question

这是正在发生的事情的视觉效果，因为我不擅长用文字描述这一点：

您还可以通过单击此处查看实际情况。

此外，当您单击其中一个食谱时，不会出现这种行为（该页面上也生成了相同的列表，具有相同的 css 样式），所以我很难过。

任何帮助将不胜感激。

Answer 1

列表上方的两个浮动元素导致了这种情况。您可以添加clear: both：

.recipeList {
    clear: both;
}