css - макет:поля и отступы в сравнении с абсолютным позиционированием?
-
20-09-2019 - |
Вопрос
Я хотел бы получить некоторые отзывы об использовании отступов и полей для макета страницы в сравнении с абсолютным позиционированием.Я понимаю, что есть и будут сценарии, в которых предпочтителен один или оба варианта, и это будет зависеть от сценария.
Но к чему я клоню, так это к общему макету страницы для пиксельного идеального дизайна. каково общее эмпирическое правило?Я чуть больше года занимаюсь HTML и CSS, и я начинал с графического дизайна, поэтому большая часть моего хода мыслей в значительной степени связана с подходом к дизайну в первую очередь с точки зрения верстки.До сих пор в своих веб-проектах я руководствовался эмпирическим правилом использовать при размещении страницы разделы с соответствующими заголовками с плавающими элементами, отступами и полями, и если что-то требует абсолютного позиционирования (например, элемент, который нужно прикрепить к краю экрана, или div), используйте это при необходимости.
Но в последнее время я действительно начал переосмысливать свой подход к макету страницы и задаюсь вопросом, не лучше ли начать с usign absolute positioning в качестве общего эмпирического правила?
Может ли кто-нибудь указать на несколько хороших статей или ресурсов по этой теме, и я также хотел бы услышать личные отзывы каждого.
Решение
Я понимаю, к чему вы клоните, но использование абсолютного позиционирования для вашего макета крайне негибко.Я думаю, вам было бы лучше продолжать в том же духе, используя CSS box model.Это не значит, что абсолютное позиционирование - это плохо, просто оно недостаточно гибкое для обработки изменяющихся макетов, изменения размеров блоков и т.д.
Другие советы
За последние 2 года я все больше и больше узнаю о CSS-макете и его причудах, и я в значительной степени использую технику float / margin, поскольку она, кажется, дает мне наилучшие результаты в разных браузерах.
Возможно, это было просто так, как я это делал, но я испытал некоторую боль с позиционированием (абсолютное внутри относительных контейнеров) при попытке получить одинаковые результаты во всех браузерах.IE обычно был выбросом, и это было в основном с IE6 / 7.Я сомневаюсь, стоит ли сразу переходить к абсолютному позиционированию, но, возможно, у других здесь был бы лучший опыт и они могли бы указать вам лучшее направление.
Удачи, и я надеюсь, что вы найдете то, что кажется вам удобным!
Как упоминал Роуэн, абсолютная позиция является негибкой при работе со всеми различными устройствами и размерами экранов.
Что вам следует сделать, особенно если вы работаете с графическим фоном, так это использовать в процессе разработки вашего веб-сайта сетчатый макет, соответствующий сетчатой структуре для веб-страниц, например bootstrap.
Тогда вы получите
A:Симметричная и привлекательная планировка
B:Кто-то, кто знает это намного лучше любого из нас, кто справился со всеми проблемами, которые могут вызвать плавающие значения и поля, и кто в будущем обновит фреймворк, чтобы компенсировать изменения, происходящие в веб-разработке.