css - Safari、iPad（およびiPhoneを想定）のliマーカーの奇妙なインデント

Question

私はこれを言葉で説明するのが苦手なので、これが起こっていることのビジュアルです：

こちらをクリックして、実際の動作を確認することもできます。

また、レシピの1つをクリックしてもこの動作は表示されないため（同じcssスタイルで同じリストがそのページにも生成されます）、私は困惑しています。

どんな助けでも大歓迎です。

Answer 1

リストの上の2つの浮動要素がそれを引き起こしています。あなたはただ追加することができますclear: both：

.recipeList {
    clear: both;
}