Что является самыми большими недостатками для использования положения: абсолютный и главный/левый по Плаванию и margin+padding, Если сайт является зафиксированной шириной (970 пкс), центрируемых?
Что самый большой недостаток должен использовать расположение CSS (От DreamWeaver Отделение AP) для всего вместо этого Float для фиксированной ширины, центрируемого веб-сайта?
если я не забочусь
- Мобильные пользователи
- Маленькие экранные пользователи (меньший, чем размер экрана на 1 024 пкс)
Но я забочусь
- Пользователь для чтения с экрана
- Весь пользователь браузера (включая IE6)
3 ответа
Это не или/или и то, и другое... Float хорош для одних ситуаций и положения: абсолютный для других, поэтому вам может понадобиться использовать и то, и другое при проектировании. Если вы серьезно относитесь к использованию CSS, я предлагаю вам купить и прочитать эту книгу http://www.transcendingcss.com/
Если элемент содержит текст, вы не можете предсказать его высоту (потому что вы не знаете, какой шрифт и какой размер шрифта он на самом деле будет отрисовываться).
Это делает невозможным размещение вершины одного элемента в нижней части другого элемента. Например: Забудьте о традиционной раскладке "Два столбца с заголовком и подножием".
Если вы не заботитесь о малом разрешении, это просто вопрос гибкости: когда вы используете абсолютное позиционирование, вы нарушаете поток. Поэтому все должно быть точно подогнано по размеру.
Для многих элементов или ситуаций (сделать идеальный заголовок изображения...), это лучший (и иногда уникальный) выбор. В большинстве случаев "relative" лучше, потому что он сохраняет поток (элемент остается в потоке), но вы можете изменить позиционирование относительно позиционированного родителя (не забывайте позиционировать родителя, даже если вы не задаете явную позицию; например, просто добавьте position:relative, без top/left...). И, хороший момент, "position: relative" дает haslayout элементу в IE !
Например, если вы хотите поместить футер после контента, абсолютное положение - плохая идея, потому что вы, вероятно, не знаете высоту контента. Но если вы хотите поместить меню в верхней части экрана, но не хотите беспокоить людей, использующих screen reader (большое меню должно быть в конце, на линеаризованном документе), абсолютное позиционирование идеально.
Float не является идеальным решением, как вы можете прочитать во многих блогах: это очень специфическое позиционирование, но оно полезно, потому что 'inline-block' не работает все время. И, конечно, оно также полезно, когда вы действительно хотите, чтобы элементы были плавающими.
Не так просто объяснить, когда вы плохо говорите по-английски :)