{"id":738,"date":"2016-11-26T21:24:32","date_gmt":"2016-11-26T12:24:32","guid":{"rendered":"http:\/\/kuuur.net\/?p=738"},"modified":"2017-01-27T08:27:42","modified_gmt":"2017-01-26T23:27:42","slug":"css-twocolumn","status":"publish","type":"post","link":"https:\/\/kuuur.net\/?p=738","title":{"rendered":"CSS\u3067\u4e8c\u6bb5\u7d44\u306e\u30ea\u30b9\u30c8\u3092\u3064\u304f\u308b"},"content":{"rendered":"<p>ul\u30bf\u30b0\u3092\u4f7f\u3063\u305f\u30ea\u30b9\u30c8\u3092CSS\u3067\u4e8c\u6bb5\u7d44\u306b\u3057\u3066\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002<\/p>\n<h2>HTML\u306e\u30b3\u30fc\u30c9<\/h2>\n<p class=\"source\">&lt;h2&gt;\u30ea\u30b9\u30c8\u8868\u793a&lt;\/h2&gt;<br \/>\n&lt;ul class=&#8221;menu&#8221;&gt;<br \/>\n&lt;li&gt;\u30ea\u30b9\u30c81&lt;\/li&gt;<br \/>\n&lt;li&gt;\u30ea\u30b9\u30c82&lt;\/li&gt;<br \/>\n&lt;li&gt;\u30ea\u30b9\u30c83&lt;\/li&gt;<br \/>\n&lt;li&gt;\u30ea\u30b9\u30c84&lt;\/li&gt;<br \/>\n&lt;li&gt;\u30ea\u30b9\u30c85&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<br \/>\n&lt;h2&gt;\u6b21\u306e\u30ea\u30b9\u30c8&lt;\/h2&gt;<\/p>\n<h2>CSS\u306e\u30b3\u30fc\u30c9<\/h2>\n<p class=\"source\">h2{<br \/>\nmargin:10px 0;<br \/>\nclear:both;<br \/>\n}<br \/>\nul.menu{<br \/>\npadding:0;<br \/>\nlist-style-type:none;<br \/>\noverflow:hidden;<br \/>\n}<br \/>\nul.menu li{<br \/>\nwidth:45%;<br \/>\npadding:5px 10px;<br \/>\n}<br \/>\nul.menu li:nth-child(even){<br \/>\nfloat:left;<br \/>\n}<br \/>\nul.menu li:nth-child(odd){<br \/>\nfloat:left;<br \/>\nclear:left;<br \/>\n}<\/p>\n<h2>\u5b9f\u969b\u306e\u8868\u793a<\/h2>\n<p>\u4e0a\u306e\u30b3\u30fc\u30c9\u3092\u5b9f\u969b\u306b\u8868\u793a\u3057\u305f\u5834\u5408\u306b\u306f\u3001\u4ee5\u4e0b\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<br \/>\nul.menu\u306boverflow:hidden;\u3092\u8a18\u3057\u305f\u306e\u306f\u3001float\u3092\u30ea\u30bb\u30c3\u30c8\u3055\u305b\u308b\u305f\u3081\u3067\u3059\u3002<br \/>\nnth-child(even)\u306f\u3001\u5076\u6570\u756a\u76ee\u306b\u51fa\u3066\u304f\u308b\u30bf\u30b0\u306b\u5bfe\u3059\u308b\u9069\u7528\u3001nth-child(odd)\u306f\u3001\u5947\u6570\u756a\u76ee\u306b\u51fa\u3066\u304f\u308b\u30bf\u30b0\u306b\u5bfe\u3059\u308b\u9069\u7528\u3092\u610f\u5473\u3057\u307e\u3059\u3002<br \/>\n\u3053\u3053\u3067\u306f\u3001\u5076\u6570\u756a\u76ee\u306e\u6642\u306bfloat:left;\u3067\u6a2a\u306b\u4e26\u3079\u3001\u5947\u6570\u756a\u76ee\u306e\u30bf\u30b0\u304c\u51fa\u3066\u304d\u305f\u3089float\u3092\u89e3\u9664\u3059\u308b\u3053\u3068\u3067\u30012\u6bb5\u7d44\u307f\u3092\u5b9f\u73fe\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<p>\u4ee5\u4e0b\u306fUL\u8981\u7d20\u30922\u6bb5\u7d44\u307f\u306b\u3057\u305f\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<\/p>\n<style>\n<!-- h2{margin:10px 0;clear:both;}ul.menu{padding:0;list-style-type:none;overflow:hidden;}ul.menu li{width:45%;padding:5px 10px;}ul.menu li:nth-child(even){float:left;}ul.menu li:nth-child(odd){float:left;clear:left;} --><br \/><\/style>\n<h2>\u30ea\u30b9\u30c8\u8868\u793a<\/h2>\n<ul class=\"menu\">\n<li>\u30ea\u30b9\u30c81<\/li>\n<li>\u30ea\u30b9\u30c82<\/li>\n<li>\u30ea\u30b9\u30c83<\/li>\n<li>\u30ea\u30b9\u30c84<\/li>\n<li>\u30ea\u30b9\u30c85<\/li>\n<\/ul>\n<h2>\u6b21\u306e\u30ea\u30b9\u30c8<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>ul\u30bf\u30b0\u3092\u4f7f\u3063\u305f\u30ea\u30b9\u30c8\u3092CSS\u3067\u4e8c\u6bb5\u7d44\u306b\u3057\u3066\u8868\u793a\u3059\u308b\u65b9\u6cd5\u3067\u3059\u3002 HTML\u306e\u30b3\u30fc\u30c9 &lt;h2&gt;\u30ea\u30b9\u30c8\u8868\u793a&lt;\/h2&gt; &lt;ul class=&#8221;menu&#8221;&#038;&#8230;<span class=\"continue\"><a href=\"https:\/\/kuuur.net\/?p=738\">\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-738","post","type-post","status-publish","format-standard","hentry","category-web"],"views":21136,"_links":{"self":[{"href":"https:\/\/kuuur.net\/index.php?rest_route=\/wp\/v2\/posts\/738","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kuuur.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kuuur.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kuuur.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kuuur.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=738"}],"version-history":[{"count":0,"href":"https:\/\/kuuur.net\/index.php?rest_route=\/wp\/v2\/posts\/738\/revisions"}],"wp:attachment":[{"href":"https:\/\/kuuur.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kuuur.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kuuur.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}