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

Question

Как позиционирование может сэкономить наше время, если мы используем вместо плавающего в некотором месте в кодировке макета?

Как мы можем судить, где позиционирование даст лучший результат?

Например (я добавил только для примера), если это дизайн

Пока что я использую только float + margin + padding, теперь, если я могу смешать позиционирование и сэкономить время и легко получить пиксельное совершенство, то float.

Веди меня

Заранее спасибо.

Обновление 1:

это общие элементы сайта. я должен использовать позиционирование для любого из них?

The Header
 ---logo
 ---serch box
 ---The Navigation Menu
 ---top links
 ---Breadcrumbs

The Text Area
 ---Paragraphs
 ---images( left , right or center align)
 ---Tables
 ---vertical ordered and unordered list

The Sidebar
 ---vertical ordered and unordered list


The Footer
 ---copyright
 ---Important Links (horizontal list)

Form elements

Обновление 2:

• Есть ли у позиционирования Проблема совместимости (в том числе IE6), чем плавать?

• Позиционирование подходит только для фиксированной ширина дизайн или это хорошо для обоих жидкий и фиксированный?

Answer 1

Для этого макета вам не нужно использовать ничего, кроме плавающих элементов, полей и отступов. Позиционирование (relative, absolute, fixed) следует использовать только в «особых случаях», например. если вы хотите вытащить элемент из потока документов и поместить его куда-либо, его было бы трудно разместить.

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

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

Answer 2

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

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

Одна подсказка, если вы используете position:absolute;, убедитесь, что родительский элемент имеет position:relative;