Очистка сетки 960 от Очистки HTML5 Boilerplate - Какая разница? - PullRequest
Новая
       40

Очистка сетки 960 от Очистки HTML5 Boilerplate - Какая разница?

12 голосов
/ 29 июня 2011
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * *} * * * * * * * *} * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *}}}}}HTML5 Boilerplate: 
/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */

.clearfix:before, .clearfix:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    overflow: hidden;
}

.clearfix:after { clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */

.clearfix { zoom: 1; }

Как вы можете видеть, они ОЧЕНЬ похожи.Однако они разные.

Кто-нибудь имеет представление об этом?

Что лучше и почему?

Ответы [ 2 ]

5 голосов
/ 30 июня 2011

Наше исправление было обновлено до этого: 

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }

Подробности на это сообщение от Николаса Галлахера

5 голосов
/ 29 июня 2011

Единственная разница в том, что у 960 есть это внутри .clearfix:before, .clearfix:after: 

visibility: hidden;
width: 0;

Кроме этого, они идентичны.необходимость любых других объявлений, чтобы скрыть псевдоэлементы.

Моя теория состоит в том, что ребята из HTML5 Boilerplate строго убедились, что эти два дополнительных объявления не требуются для любого браузера, а затем удалили их.

...