Каковы самые большие минусы использования position: absolute & top/left over Float & margin+padding, если сайт имеет фиксированную ширину (970 пикселей), по центру?

Каков самый большой недостаток использования позиционирования CSS(Из Dreamweaver AP Div) для всего вместо Float для веб-сайта с фиксированной шириной и по центру?

если мне все равно

  • Мобильные пользователи
  • Пользователи с маленькими экранами (размер экрана меньше 1024 пикселей)

Но мне не все равно

  • Пользователь программы чтения с экрана
  • Все пользователи браузера (включая IE6)

person Jitendra Vyas    schedule 09.02.2010    source источник
comment
Вы имеете в виду позиционирование с использованием position: absolute и top/left?   -  person K Prime    schedule 09.02.2010
comment
@ K Prime - везде, где мы используем Float для создания макета для позиционирования любого элемента с помощью float и margin-padding и т. д.   -  person Jitendra Vyas    schedule 09.02.2010
comment
@K Prime - да, используя position: absolute   -  person Jitendra Vyas    schedule 09.02.2010


Ответы (3)


Если вас не волнует маленькое разрешение, это всего лишь вопрос гибкости: когда вы используете абсолютное позиционирование, вы нарушаете поток. Так что все должно быть точно по размеру.

Для многих элементов или ситуаций (создайте идеальное название изображения...) это лучший (а иногда и уникальный) выбор. В большинстве случаев «относительный» лучше, потому что он сохраняет поток (элемент остается в потоке), но вы можете изменить позиционирование относительно позиционированного родителя (не забудьте позиционировать родителя, даже если вы не указываете явную позицию; например, просто добавьте position:relative, без top/left...). И, хорошо, «позиция: относительная» дает haslayout элементу в IE!

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

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

Не так просто объяснить, когда ты плохо говоришь по-английски :)

person Alysko    schedule 09.02.2010

Это не то или и другое... Float хорош для некоторых ситуаций и position:absolute для других, поэтому вам может понадобиться использовать оба для вашего дизайна. Если вы серьезно относитесь к использованию CSS, я советую вам купить и прочитать эту книгу http://www.transcendingcss.com/

person Frozenskys    schedule 09.02.2010

Если элемент содержит текст, вы не можете предсказать его высоту (поскольку вы не знаете, какой шрифт и какой размер шрифта он на самом деле будет отображать).

Это делает невозможным размещение вершины одного элемента внизу другой. Например: забудьте о традиционном макете «Два столбца с верхним и нижним колонтитулом».

person Quentin    schedule 09.02.2010