Какой метод очистки? - PullRequest
       5

Какой метод очистки?

6 голосов
/ 12 июля 2010

/ * Clear Fix * /

.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix {height:1%;}

или

.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}
* html .clearfix, *:first-child+html .clearfix {zoom:1;}

Что подойдет лучше всего?Я использовал первый к настоящему времени и никогда не было проблемы .. Спасибо.

Ответы [ 3 ]

3 голосов
/ 12 июля 2010

Самая краткая техника - установка переполнения: скрыто для современных браузеров:

overflow:hidden;
zoom:1;

Если элемент должен вытекать из размеров (отрицательные поля или позиционирование), тогда clearfix:

#el:after { content:""; clear:both; display:block; visibility:hidden; }

Для IE6 и ниже вам нужно вызвать hasLayout (через ширину, масштаб: 1, высоту и другие комбинации свойства / значения). Начиная с IE7, переполнение очистит поплавки.

1 голос
/ 12 июля 2010

С последним, похоже, все в порядке, поскольку он также учитывает IE6 (zoom:1;).

0 голосов
/ 12 июля 2010

Это всегда работало для меня.Очень похоже на твое

.clearfix:after {
    content: "."; 
    display: block;
    height: 0; 
    font-size:0;
    clear: both; 
    visibility:hidden;
}
    .clearfix{display: inline-block;}
    * html .clearfix {height: 1%;}
    .clearfix {display:block;}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...