{"id":11542,"date":"2012-10-27T08:00:07","date_gmt":"2012-10-26T23:00:07","guid":{"rendered":"http:\/\/www.sssg.org\/blogs\/hiro345\/?p=11542"},"modified":"2012-10-27T06:54:17","modified_gmt":"2012-10-26T21:54:17","slug":"css%e3%81%a7clearfix%e3%82%92%e4%bd%bf%e3%81%86%e6%96%b9%e6%b3%95","status":"publish","type":"post","link":"https:\/\/www.hiro345.net\/blogs\/hiro345\/archives\/11542.html","title":{"rendered":"CSS\u3067clearfix\u3092\u4f7f\u3046\u65b9\u6cd5"},"content":{"rendered":"<p>clear:both \u3092\u306a\u304b\u306a\u304b\u601d\u3044\u51fa\u305b\u306a\u304f\u3066\u3001\u691c\u7d22\u3092\u3057\u3066\u3044\u305f\u3089\u3001\u300c<a href=\"http:\/\/blog.d-spica.com\/entry\/070307clearfix.html\">clearfix\u3067float\u3092\u89e3\u9664 | d-spica<\/a>\u300d\u3068\u3044\u3046\u8a18\u4e8b\u3092\u898b\u3064\u3051\u307e\u3057\u305f\u3002\u6700\u8fd1\u306f\u3053\u3046\u3044\u3046\u30c6\u30af\u30cb\u30c3\u30af\u304c\u3042\u308b\u306e\u3067\u3059\u306d\u3002\u52c9\u5f37\u306b\u306a\u308a\u307e\u3059\u3002<br \/>\n<!--more--><br \/>\nclear:both \u3092\u3059\u308b\u305f\u3081\u306b\u5c02\u7528\u306e\u8981\u7d20\u3092\u8ffd\u52a0\u3057\u3066\u3044\u305f\u306e\u3092\u3001CSS\u306e\u6a5f\u80fd\u3067\u5b9f\u73fe\u3057\u3066\u3057\u307e\u3046\u3068\u3044\u3046\u3053\u3068\u3067\u3001\u6b21\u306e\u3088\u3046\u306aclearfix\u3068\u3044\u3046class\u3092\u7528\u610f\u3057\u3066\u5229\u7528\u3059\u308b\u3068\u306e\u3053\u3068\u3002\u6700\u5f8c\u306b\u3042\u308b\u300c* html .clearfix \u300d\u306e\u6307\u5b9a\u306fIE\u306e\u53e4\u3044\u30d0\u30fc\u30b8\u30e7\u30f3\u5bfe\u7b56\u3060\u3068\u306e\u3053\u3068\u3067\u3059\u3002<\/p>\n<pre class=\"brush: css; gutter: true\">\r\n.clearfix:after {\r\n  content: &quot;.&quot;;\r\n  display: block;\r\n  clear: both;\r\n  height: 0;\r\n  visibility: hidden;\r\n}\r\n\r\n.clearfix {\r\n  min-height: 1px;\r\n}\r\n\r\n* html .clearfix {\r\n  height: 1px;\r\n  \/*\u00a5*\/\/*\/\r\n  height: auto;\r\n  overflow: hidden;\r\n  \/**\/\r\n}\r\n<\/pre>\n<p>\u300c<a type=\"amzn\" asin=\"4774136840\">\u5b9f\u8df5 Web Standards Design ~Web\u6a19\u6e96\u306e\u57fa\u672c\u3068CSS\u30ec\u30a4\u30a2\u30a6\u30c8&#038;Tips~<\/a>\u300d\u3068\u3044\u3046\u66f8\u7c4d\u3082\u826f\u3055\u305d\u3046\u3067\u3059\u3002<br \/>\n<iframe src=\"\/\/rcm-jp.amazon.co.jp\/e\/cm?t=hiro345-22&#038;o=9&#038;p=8&#038;l=as1&#038;asins=4774136840&#038;ref=tf_til&#038;fc1=000000&#038;IS2=1&#038;lt1=_blank&#038;m=amazon&#038;lc1=0000FF&#038;bc1=000000&#038;bg1=FFFFFF&#038;f=ifr\" style=\"width:120px;height:240px;\" scrolling=\"no\" marginwidth=\"0\" marginheight=\"0\" frameborder=\"0\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>clear:both \u3092\u306a\u304b\u306a\u304b\u601d\u3044\u51fa\u305b\u306a\u304f\u3066\u3001\u691c\u7d22\u3092\u3057\u3066\u3044\u305f\u3089\u3001\u300cclearfix\u3067float\u3092\u89e3\u9664 | d-spica\u300d\u3068\u3044\u3046\u8a18\u4e8b\u3092\u898b\u3064\u3051\u307e\u3057\u305f\u3002\u6700\u8fd1\u306f\u3053\u3046\u3044\u3046\u30c6\u30af\u30cb\u30c3\u30af\u304c\u3042\u308b\u306e\u3067\u3059\u306d\u3002\u52c9\u5f37\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[29],"class_list":["post-11542","post","type-post","status-publish","format-standard","hentry","category-program","tag-css"],"_links":{"self":[{"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/posts\/11542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/comments?post=11542"}],"version-history":[{"count":1,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/posts\/11542\/revisions"}],"predecessor-version":[{"id":11543,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/posts\/11542\/revisions\/11543"}],"wp:attachment":[{"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/media?parent=11542"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/categories?post=11542"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiro345.net\/blogs\/hiro345\/wp-json\/wp\/v2\/tags?post=11542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}