Есть ли альтернативы left/right/top/bottom для выравнивания блока?

Question

[Дмитрий]

Какие существуют альтернативные практики для выравнивания блока? В качестве примера, классический dropdown (ссылка), можно ли реализовать (позиционировать) dropdown, без использования left/right/top/bottom.

Может возникнуть вопрос, на@#я? Чисто в образовательных, я бы даже сказал в научных целях. Такой вот бред...

Comments

[Rustam Bainazarov]

Какая перед вами стоит задача?

[Дмитрий]

Рустам Байназаров, Я ведь уже четко сформулировал задачу! При всем уважении, что тут непонятного? Реализовать dropdown, без использования свойств left/right/top/bottom. Это возможно?
Тоже самое, что и выравнивание блока по центру, можно flex-ом, grid-ом но в тоже время можно и различными "костылями".

[Rustam Bainazarov]

Дмитрий, позиционирование с помощью этих свойств — следствие, а именно следствие использования absolute относительно родительского блока. Задача может быть решена разными способами, каждый со своими плюсами и минусами. Я спросил не о подзадаче заменить top и т. д., а о первородной задаче, а именно о том, что вы хотите этим достичь — какого отображения и принципа работы. Отталкиваясь от этого, можно определить, что можно, а что нельзя. И нужно ли это вообще.

[Максим]

Рустам Байназаров, на гридах можно вообще не использовать какие то позиционирования , вроде как

[Дмитрий]

Рустам Байназаров, То, что left/right/top/bottom является побочным от absolute это понятно! Я хочу увидеть пример, реализация самого простого dropdow-на, без использования свойств: left/right/top/bottom. Вот пример: https://codepen.io/alex922/pen/oNBdBdq?editors=1100 Можно ли его реализовать без использования свойств: left/right/top/bottom?

[Pashok Doom]

Дмитрий, такое как?

[Дмитрий]

Pashok Doom, Годно! Еще идеи! Если есть конечно. А как это работает, если вас не затруднит прокомментируйте, пожалуйста.

[Pashok Doom]

Дмитрий, на честном слове работает. В принципе, всё как и в примере.

Answer 1

[neuroscript]

Да собственно работают все способы, что и на других блоках. Хоть флексы, хоть магия. Проверил, работает.

Comments

[Дмитрий]

Что за бред, в духе "лишь бы написать" вы выдали? Будто сообщение от бота...

[neuroscript]

Дмитрий, а ну да ссылка на w3.org это куда полезнее. Вам её дать? Или будем вместе учить ВСЕ способы выравнивания блоков?))
https://g.zeos.in введите здесь "позиционирование блоков css"
Вам не обязательно dropdown делать inline-block даже.
Можете также заместо появления первого блока сделать один с высотой под контент и туда напихать блоков с выбором.
Можете хоть анимацию вставить. Какой вопрос, такой ответ. Ведите себя прилично.

https://www.w3schools.com/code/tryit.asp?filename=...