Какой способ расположения объектов на странице использовать?

Question

[nikoosya]

Хотелось бы попросить совет, какой способ лучше использовать? position, css grid, flex, bootstrap?
С точки зрения профессионализма, что лучше?

Comments

[Степан Крапивин]

position

это имеется в виду position:absolute?

[nikoosya]

Степан Крапивин, да
ну через float

[Степан Крапивин]

nikoosya, откуда вы float выкопали, про него все благополучно забыли ещё в 2000-х?

[Ankhena]

nikoosya, Использовать то, что лучше подходит в конкретной ситуации.
Если варианты равнозначны, то выбирайте тот, который удобнее.

Степан Крапивин,

откуда вы float выкопали, про него все благополучно забыли ещё в 2000-х?

На счет всех это вы сильно погорячились.
float прекрасно продолжают использовать в тех случаях, для которых он предназначается, для обтекания элемента другими.

[nikoosya]

Ankhena, ну а приоритетно,что лучше использовать?

[Степан Крапивин]

Ankhena, а вопрос про способ расположения объектов на странице. А не про обтекание текста.

[Ankhena]

Степан Крапивин, я вообще про текст ничего не говорила.

[Ankhena]

nikoosya,
1. Есть у вас табличные данные - чем по-вашему приоритетно их делать? Тегом <table>. Садись - пять.
Но дальше нужно обращать внимание на адаптивность. Сможете задать ей display flex и перестроить? Ок, оставляем table. Не получается по структуре? Ок, меняем на div'ы и верстаем гридами или флексами по настроению и в зависимости от макета.
2. Есть элемент, который болтается всегда в нижнем правом углу и при нажатии на который страница прокручивается наверх. Чем его делать? position:fixed
3. Есть сетка товаров. Можно делать: инлайн-блоками, флоатами, флексами и гридами. Инлайн-блоками не удобно из-за пробелов, флоаты не для этого. Флексы и гриды отлично подходят. Что выбрать? Ну что хотите. Я выбираю флексы.
4. Есть иконка корзинки на кнопке "Купить". Это псевдоэлемент или фон или фон псевдоэлемента. Что выбрать? Зависит от того, что должно происходить на разных размерах экрана и ретине/не-ретине. Если выбрали псевдо (любой из вариантов), то выравнивать его тоже можно по-разному в зависимости от ситуации. Абсолютом или флексами или инлайн-блоком и vertical-align.

И т.д.

Верстка хороша тем, что вариантов решения одной задачи обычно много. Нету универсального "лучше" подходящего для всех задач одновременно.

Берете задачу, решаете её всеми возможными способами. Смотрите какой эргономичнее (пожалуй, выберу это слово).

[nikoosya]

спасибо огромное)

Answer 1

[Тигран Абрамян]

Какой вам удобно то и используйте.

какой способ лучше использовать

Нету лучшего способа.

Comments

[nikoosya]

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

[Тигран Абрамян]

nikoosya, float точно в мусор выбросить надо, если взялись за bootstrap то только нужно использовать гриды, если без бутстрапа то и флексы подойдут, (на всякий пожарный можно и гриды использовать).
Помни, флексы это сила.