CSS - Абсолютное позиционирование или поплавок?

У меня есть базовый макет, где body div установлен на определенную ширину. А с полями слева и справа установлены авто. Результатом является центрирование div.

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

Я имею в виду, что сама компоновка в каком-то смысле является жидкой. Но тело div имеет свою ширину. Таким образом, субэлементы не будут перемещаться независимо от разрешения.

Ответы

Ответ 1

Примечание: ошибка в IE может также быть "исправлена" путем обертывания div с пометкой в ​​div без поля и плавающей над этим внешним div.

Что касается абсолютного vs. float: я предлагаю вам взглянуть на эту страницу, которая кажется хорошим резюме, и спросите себя если какой-либо из противников поднимет для вас красный флаг.

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

Ответ 2

Я не вижу проблемы с использованием абсолютного позиционирования. Один из возможных недостатков заключается в том, что ваша таблица стилей будет немного сложнее поддерживать, потому что у вас будут заданы ширины и позиции. Если вам нужно было изменить ширину любого из ваших столбцов в будущем, вам нужно будет обновить значение пикселя в 2 местах. IMO, использующая float и margin, будет легче модифицировать в будущем.