Позиционирование меню в CSS

Question

Я работаю над простым сайтом HTML / CSS, используя горизонтальное плавающее меню CSS. Проблема у меня в том, что я не могу понять, как изменить расположение меню. В настоящее время он находится сверху, я знаю, что функция top: x px или bottom: x px используется для перемещения чего-либо вверх и вниз сверху или снизу, но когда я использую любое из этих меню, оно остается сверху? Может ли всплывающее меню где-нибудь, кроме как в верхней части, так как это ограничивает то, что я могу сделать с моим сайтом?

Answer 1

Попробуйте установить стиль "position" в "относительный" для вашего плавающего элемента.

пример:

.floatedElement
{
    float:left;
    position:relative;
    top:15px;
}

Answer 2

Сверху, снизу, слева, справа все работают с относительным или абсолютным позиционированием.

Если вы ими не пользуетесь и у вас есть плавающий контейнер (например, float: left;), как я склонен, то вы можете использовать настройки полей или отступов для позиционирования элемента.

Answer 3

Я не знаю, как выглядят ваши HTML и CSS, но если у вас есть обертка вокруг меню, вы можете расположить обертку в любом месте на вашей странице.

Чтобы помочь вам с этим, ознакомьтесь с этим великолепным учебником по позиционированию CSS ...