0
私は単純なユーザー制御カルーセルを作成しましたが、各スクロールで現在表示されているセクションの整列が約4.5pxずれています。数字が正しいにもかかわらず、スクロール内の要素は整列していません
これは、各<section>にdisplay: inline-blockを設定し、各<section>同じの幅を作り、それを引っ掛けた親コンテナ内<section>タグのすべての直接の祖先を収集することで動作します。
スクロールは、Nがスクロール<section>タグの数であり、Wは各<section>の幅であり、負のN *のWに<section>コンテナのmargin-leftプロパティを設定することによって達成されます。 <section>タグとコンテナの
paddingとmargin性質がこれを引き起こしている可能性がどのような0
に設定されていますか？
JSFiddle：https://jsfiddle.net/835kxb2w/ - 問題をより明確にするために、<section>タグに罫線を追加しました。
また、私は、関連する問題（テンプレートから空白を残しておきますか？）については、最後のセクションが新しい行に分かれています。これは、正確にN * Wピクセル幅である<section>コンテナにもかかわらずです。
おかげ
'インラインblock'は、ページ上のスペースとしてごタグの間にスペースをレンダリングします、改行が含まれています。これを回避するには、代わりに 'float'を使用するか、コード内の空白/改行を削除するか、' font-size：0px; 'でコンテナに囲みます。 – Santi