JQuery. сделать меню всплывающим справа от родителя?

Question

JQuery. сделать меню всплывающим справа от родителя?

0

Извините название немного вводит в заблуждение. У меня есть меню, которое я хочу плавать в верхнем правом углу своего родительского div. Чтобы меню начало падать с той же высоты, что и его родительский верх. Я знаю, что могу использовать margin-left: 100%, чтобы меню плавало справа от родителя. Но сейчас меню начинает падать из нижнего правого угла родителя. Тем не менее, попытка использовать margin-top для выравнивания верхних частей приводит к тому, что меню расширяется вверх, чтобы достичь вершины, а не начинать вверху и опускаться вниз.

Вот базовый код, который я использовал: http://jsfiddle.net/4jxph/915/

margin-left:100%

Так сказать просто. Я хотел бы, чтобы меню начиналось в верхнем правом углу родительского div, а не в нижнем углу.

Will Tuttle 14 дек. 2013, в 04:37

Источник

0

хорошо, вы видите, как меню jfiddle начинает выпадать из нижней части родительского div? Я хочу, чтобы он выпал из верхней части div (и справа), как и большинство боковых меню.
Will Tuttle 14 дек. 2013, в 03:05

Теги:

html

css

1 ответ

Ещё вопросы

хорошо, вы видите, как меню jfiddle начинает выпадать из нижней части родительского div? Я хочу, чтобы он выпал из верхней части div (и справа), как и большинство боковых меню.

greenish · Accepted Answer · 2013-12-14T01-17-00.000Z

Вам нужно установить положение кнопки относительно и положение падения вниз до абсолютного. Как это:

#button {
    height: 32px;
    width: 184px;
    margin: auto;
    position: relative;
}
.file_menu {
    display:none;
    width:300px;
    border: 1px solid #1c1c1c;
    position: absolute;
    left:100%;
    top:0px;

}

См. Здесь: http://jsfiddle.net/T946y/