Помогите очистить поплавки, что вы думаете об этом глобальном методе?

Question

Я просто изучаю веревки по очистке поплавков для всех браузеров и идей.

Видите ли вы какой-либо вред, определяя это глобально для всех div элементов?

div {
    _zoom: 1;          /* Clear floats for ie6. Does NOT validate. */
    overflow: hidden;  /* Clear floats for all other browsers. */
}

Вероятно, будет только несколько особых случаев, когда два вышеуказанных правила необходимо будет перезаписать. Вдобавок ко всему, я не могу думать о каких-либо проблемах, которые могут возникнуть в результате действия вышеуказанного правила, но, может быть, кто-то знает лучше?

Что ты думаешь?

РЕДАКТ. 1:

Изменено height: 100%; на _height: 1%;.

РЕДАКТИРОВАТЬ 2:

Изменено _height: 1%; на _zoom: 1;.

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

Answer 1

Это может вызвать проблемы. Посмотрите на эти изображения, 1 - обычное, 2 - с div {height: 100%;}

_{(источник: zastica.com )
(источник: zastica.com )}

Было также несколько других несоответствий только с этим параметром. Таким образом, вы можете получить какое-то странное неожиданное поведение.

Answer 2

Одна потенциальная проблема, с которой вы можете столкнуться, это то, что происходит, когда вы перемещаете элементы, которые не divs. Ваш стиль охватывает теги <div />, но не более того, так что вам придется помнить об этом, если вы используете float для других тегов.

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

Также имейте в виду, что переполнение hidden может затруднить применение некоторых стилей, основанных на содержимом, выходящем за пределы тега div. Вот несколько ситуаций, о которых я могу подумать:

• стили для сторон или углов элементов для добавления теней или закругленных углов, которые обычно переполняют их контейнер.
• Лайтбоксы, которые могут выходить за пределы вашего контейнера, если они помещены в <div />
• Пользовательские подсказки javascript, расположенные в <div /> s. Всплывающие подсказки обычно «всплывают» из своего контейнера, что может вызвать проблемы в зависимости от их дизайна.

Эти проблемы легче обойти, если вы делаете это только с необходимыми элементами, а не со всеми элементами.