{"id":140,"date":"2011-10-19T10:37:07","date_gmt":"2011-10-19T15:37:07","guid":{"rendered":"http:\/\/www.marcblase.com\/blog\/?p=140"},"modified":"2011-12-08T09:36:45","modified_gmt":"2011-12-08T15:36:45","slug":"new-micro-css-clearfix-hack","status":"publish","type":"post","link":"https:\/\/ma.rcbla.se\/blog\/2011\/10\/new-micro-css-clearfix-hack\/","title":{"rendered":"New Micro CSS Clearfix Hack"},"content":{"rendered":"<p>So, yet again there is a new clearfix method that will lighten our bloated CSS files.<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n\/* For modern browsers *\/\r\n.cf:before,\r\n.cf:after {\r\n    content:&quot;&quot;;\r\n    display:table;\r\n}\r\n\r\n.cf:after {\r\n    clear:both;\r\n}\r\n\r\n\/* For IE 6\/7 (trigger hasLayout) *\/\r\n.cf {\r\n    zoom:1;\r\n}\r\n<\/pre>\n<p><small>New hack thanks to <a href=\"http:\/\/nicolasgallagher.com\/micro-clearfix-hack\/\">Nicolas Gallagher<\/a>. Please read his article for explanation.<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>So, yet again there is a new clearfix method that will lighten our bloated CSS files. \/* For modern browsers *\/ .cf:before, .cf:after { content:&quot;&quot;; display:table; } .cf:after { clear:both; } \/* For IE 6\/7 (trigger hasLayout) *\/ .cf { zoom:1; } New hack thanks to Nicolas Gallagher. Please read his article for explanation.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,12,3],"tags":[],"class_list":["post-140","post","type-post","status-publish","format-standard","hentry","category-coding","category-css-coding","category-discoveries"],"_links":{"self":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":7,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts\/140\/revisions"}],"predecessor-version":[{"id":182,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/posts\/140\/revisions\/182"}],"wp:attachment":[{"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/categories?post=140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ma.rcbla.se\/blog\/wp-json\/wp\/v2\/tags?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}