Как мне сделать выпадающий список CSS для suckerfish / superfish, который придерживается правой стороны страницы?

Question

Я разрабатываю раскрывающееся меню CSS на основе CSS-присоски. Я хотел бы поместить его в правую часть страницы, но меню простираются от самого левого края каждого меню вправо, а не от самого правого края каждого меню влево (как необходимо, чтобы сохранить самый правый выпадающий список меню от открытия вне видимой области.)

Как мне расположить выпадающие меню сосунков, чтобы они выходили влево, а не вправо?

Answer 1

Используйте <a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-right" rel="nofollow noreferrer">right</a> вместо <a href="http://www.w3.org/TR/CSS21/visuren.html#propdef-left" rel="nofollow noreferrer">left</a> или используйте отрицательное значение со строго контролируемой шириной.

Answer 2

Если вы используете Сын Suckerfish , вы можете изменить эту строку:

#nav li ul ul { /* third-and-above-level lists */
    margin: -1em 0 0 10em;
}

до

#nav li ul ul { /* third-and-above-level lists */
    margin: -1em 0 0 -10em;
}

Это работает, потому что меню 2-го и 3-го уровня имеют определенную ширину (10 ems).