Iは、最初のものは、前LI 20によって画素にオーバーラップした後、私はすべてのLIしたいと思う私は水平表示LI SCSSを使用して順序付けられていないリストのアイテムをオーバーラップする方法は？
に使用していULを有します。私はLIのいずれかに希望のフォーマットを適用するようにしか見えませんが、LIのすべてにleft:-20px;を適用しようとしました。
あなたは、私は現在、ここに持っているものを見ることができます。
私の例から第三及び第四LI秒を取得するための任意の提案は、上に移動？
あなたは余裕使用し、代わりにあなたのnotFirstクラス放置使用するmargin-left代わりのleft
.notFirst
{
margin-left:-20px;
}
を使用する必要があります。
margin: 0 0 0 -20px;
あなたはこの効果の相対的な位置決めを必要としませんが。 You simply need a negative margin-left
リスト項目が相対的または絶対的に配置されていないため、leftでは何も行いません。
.notFirst { margin-left:-20px; }
は相対UL位置し、これはあなたがしたいスライダースタイルのことを行うすべてのdivを重複しませんが、すべてのLI絶対位置とleft:0とtop:0 を与える：負のマージンを適用すると、トリックを行う必要があります。 それは、あなたが動的にZインデックスを変更することができなくても意味のあることはできないと思っています。JSを使うということは、余裕を追加することができます。 。
これを解決するにはより良い方法があります。特別なクラスを追加する必要はありません。あなたのULスタイルで
だけpadding-left: 20px;を使用して、これはあなたが最初LIあなたLIスタイルであなたがmargin-left: -20px;