Относительное позиционирование + Абсолютное позиционирование VS Плавает влево, а влево плавает (Какой подход вы используете в своем CSS)?

Question

Некоторые веб-сайты используют DIV с относительной позицией, а затем применяют абсолютную позицию к дочернему элементу, чтобы поместить элемент в нужную позицию (например, влево 0 или вправо 0). Другие используют float, например, float: left или float right. Какой из них лучше? или в каких ситуациях они лучше?

Поскольку я использую фиксированные макеты, мне лучше использовать относительное и относительное расположение?

Answer 1

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

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

Answer 2

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

Что касается меня, я обычно использую первый вариант для чего-то вроде создания карт изображений с использованием css для приложений fb или в других местах, где карты изображений не поддерживаются. Есть и другие случаи, когда я использую первый вариант. Последний вариант является общим и подходит для большинства ситуаций.