компоновка CSS: поля и отступы в сравнении с абсолютным позиционированием?

Question

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

Но что я имею в виду, это общий макет страницы для идеального дизайна пикселей, каково общее эмпирическое правило? Я чуть больше года изучаю HTML и CSS и прохожу с опытом в области графического дизайна, поэтому большая часть моей работы сосредоточена в первую очередь на подходе к дизайну с точки зрения макета. До сих пор в моих веб-проектах я использовал эмпирическое правило, чтобы использовать соответствующие заголовки div с плавающей точкой, отступами и полями при размещении страницы, и если что-то требует абсолютного позиционирования (например, элемент, который застрял на краю экрана или div) используйте его при необходимости.

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

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

Answer 1

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

Answer 2

Как упомянула Роуэн, абсолютная позиция заключается в том, чтобы быть негибким со всеми различными устройствами и экранами.

То, что вам следует делать, особенно если вы работаете с графическим фоном, использует в процессе разработки веб-сайта макет сетки, соответствующий сеточной структуре для веб-страниц, например, при начальной загрузке.

Тогда вы получите

A: Симметричный и привлекательный макет

B: Кто-то, кто знает это намного лучше, чем кто-либо из нас, справился со всеми проблемами, которые могут возникнуть с плавающей запятой и с полями, и в будущем обновит структуру, чтобы компенсировать повороты, которые делает веб-разработка.

Answer 3

За последние 2 года я все больше и больше узнавал о макете CSS и его особенностях, и я в значительной степени использую технику float / margin, поскольку она дает мне лучшие результаты в разных браузерах.

Возможно, это было именно так, как я это делал, но я испытывал некоторые трудности с позиционированием (абсолютно внутри относительных контейнеров) при попытке получить одинаковые результаты во всех браузерах. IE обычно выделялся, и это было в основном с IE6 / 7. У меня есть сомнения по поводу перехода к абсолютному позиционированию, но, возможно, у других здесь, возможно, был лучший опыт и может указать вам в лучшем направлении.

Удачи, и я надеюсь, что вы найдете то, что вам удобно!