{"id":2150,"date":"2005-02-27T12:05:24","date_gmt":"2005-02-27T12:05:24","guid":{"rendered":"http:\/\/svay.com\/blog\/?p=2150"},"modified":"2005-02-27T12:05:24","modified_gmt":"2005-02-27T12:05:24","slug":"241-une-nouvelle-solution-aux-problemes-de-float-fait-surface","status":"publish","type":"post","link":"https:\/\/svay.com\/blog\/241-une-nouvelle-solution-aux-problemes-de-float-fait-surface\/","title":{"rendered":"Une nouvelle solution aux probl\u00e8mes de float fait surface"},"content":{"rendered":"

Cr\u00e9er des colonnes avec des blocs flottants est devenu courant mais le probl\u00e8me du clear<\/code> n’a jamais vraiment trouv\u00e9 de solutions simples (<hr \/><\/code> ou <br \/><\/code>, :after<\/code>, etc.). Voil\u00e0 qu’un article sur Sitepoint<\/a> \u00e9voque une m\u00e9thode de Paul O’Brien pour \u00e9viter ce genre de manipulation. La solution est d’une telle simplicit\u00e9 et logique que je me demande comment personne n’y a pens\u00e9 plus t\u00f4t.<\/p>\n

Il suffit de sp\u00e9cifier la propri\u00e9t\u00e9 overflow:auto<\/code> sur le bloc conteneur et celui-ci s’agrandit automatiquement si un des ses fils flottant est trop grand. Apr\u00e8s un test rapide dans Firefox, Internet Explorer et Op\u00e9ra, la technique semble fonctionner correctement. Je pense qu’il faudra tester cette m\u00e9thode dans d’autres conditions pour voir s’il n’y a pas d’effets secondaires mais si tout se passe bien, \u00e7a risque de simplifier pas mal de documents.<\/p>\n

Edit<\/strong>: Comme le fait remarquer Ganf, cette technique est risqu\u00e9e. Dans la sp\u00e9cification<\/a>, rien n’explique vraiment pourquoi cela fonctionne. \u00c0 utiliser avec beaucoup de pr\u00e9cautions donc.<\/p>\n","protected":false},"excerpt":{"rendered":"

Cr\u00e9er des colonnes avec des blocs flottants est devenu courant mais le probl\u00e8me du clear n’a jamais vraiment trouv\u00e9 de solutions simples (<hr \/> ou <br \/>, :after, etc.). Voil\u00e0 qu’un article sur Sitepoint \u00e9voque une m\u00e9thode de Paul O’Brien pour \u00e9viter ce genre de manipulation. La solution est d’une telle simplicit\u00e9 et logique que […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[21],"tags":[],"_links":{"self":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2150"}],"collection":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/comments?post=2150"}],"version-history":[{"count":0,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/posts\/2150\/revisions"}],"wp:attachment":[{"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/media?parent=2150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/categories?post=2150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/svay.com\/blog\/wp-json\/wp\/v2\/tags?post=2150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}