css - Safari、iPad(假设是 iPhone)中 li 标记的奇怪缩进

Question

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

您还可以通过单击 here 查看实际效果.

此外，当您单击其中一个食谱时，不会显示此行为(在该页面上也会生成相同的列表，具有相同的 css 样式)，所以我很困惑。

如有任何帮助，我们将不胜感激。

Answer 1

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

.recipeList {
    clear: both;
}