Можно ли использовать абсолютное позиционирование для верстки layout'а?

Question

[Николай Марков]

Создание колоночных layout'ов это просто какой-то ад. Хочу использовать position: absolute т.к. с его помощью легче описать структуру. Можно ли так делать? Не замедлится ли из-за этого рендеринг страницы? или есть какие-то другие сайд-эффекты?

Answer 1

[Alex]

Тоже долго искал оптимальную трехколоночную структуру, в результате взял на вооружение структуру Тослера и Хабра :)
absolte можно использовать, но в некоторых случаях.

Comments

[Николай Марков]

в каких? почему вся инфа разметка в интернете идет с использованием float'ов margin: с отрицательными значениями и т.д.?

[Alex]

Николай Марков: почему вся инфа разметка в интернете идет с использованием float'ов margin: с отрицательными значениями и т.д.?
- значит есть преимущества в таком подходе.

[Alex]

Николай Марков: Абсолютно позиционированная колонка не растягивает родительский контейнер. Поетому если сайдбар имеет большую высоту чем блок контента, то футер перекроет часть сайдаба.

[Николай Марков]

Alex: ок. спасибо. такие сайд-эффекты и искал. но у меня разметка больше похожа на десктопное приложение, поэтому мне видимо легче с absolute

Answer 2

[Тимофей]

Можно делать все, что в голову придет, браузер от этого вряд ли будет сильно страдать. Вопрос в целесообразности подхода в данной задаче. Раз, говоришь, легче описать структуру, то пишем это как плюсик этого подхода. Дальше рассматриваешь плюсы и минусы всех возможных подходов и делаешь вывод о том, какой будет лучше в данном случае, а какой вообще неприемлем. Не бывает одновременно универсального и однозначного ответа на подобные вопросы.

Comments

[Николай Марков]

я просто плохо гуглил :-( теперь нашел на htmldog статью. там как раз написано что absolute легче, но если нужно еще футер вставить то без float никуда :-(

[Тимофей]

Николай Марков: Ну вообще, если высота футера заранее известна, то абсолют и в этом случае подойдет. А если нет, то можно использовать js (опять-таки, если это в итоге будет оптимальным решением).

Answer 3

[Евгений Петров]

Тут вопрос не в замедлении — с эти как раз у absolte всё в порядке, раз элемент не участвует в формировании нормального потока. Вопрос как раз в том, что все абсолютно позиционированные элементы не участвуют в формировании этого самого потока, и не влияют на остальные элементы.

Comments

[Николай Марков]

так в чем фишка-то? участвуют или не участвуют какая разница? почему вся инфа в layout'ах в html написана про всякие div-ы с float и margin: -300px? не встречал вообще ни разу absolute(

[Евгений Петров]

Николай Марков: Вы читать умеете? Написано: «не влияют на остальные элементы». Что ещё нужно объяснять?

Answer 4

[Андрей Гончаров]

Не уверен, но лейауты типа масонри именно на абсолютном позиционировании и построены. Расположением управляет js.

Comments

[Николай Марков]

т.е. в абсолютном позиционировании нет ничего плохого?

[Николай Марков]

потому что они делаются неочевидно. и вариантов построения дофига и больше. нужно какие-то cleat: both, отрицательные margin, float'ы. разве не ад для такой простой и частой задачи как двухколоночная разметка? а с absolute все понятно

[Евгений Петров]

Николай Марков: Задумайтесь — люди используют float, display:flex, некоторые display:inline-block, совсем редко display:table для решения этой задачи.
И тут вы появились такой ловкий и правильный — к чёрту всё, position:absolute — решение проблемы. Слов нет, какой вы крутой.

[Николай Марков]

Вопрос, если ты не заметил был про то что зачем другие решения, если это лучше. Чувак сверху ответил почему, я отметил его решением, у тебя какие-то проблемы? сам читать научись

[Николай Марков]

Я понял зачем могут использоваться блоки с float и т.д. Мне оно не нужно