{"id":2093,"date":"2015-11-01T16:25:38","date_gmt":"2015-11-01T07:25:38","guid":{"rendered":"http:\/\/blog.youyuweb.net\/?p=2093"},"modified":"2015-11-01T16:27:51","modified_gmt":"2015-11-01T07:27:51","slug":"3%e3%82%ab%e3%83%a9%e3%83%a0%e3%81%a7%e4%b8%ad%e5%a4%ae%e3%81%ae%e3%81%bf%e5%8f%af%e5%a4%89%e5%b9%85%e3%80%80%e4%b8%a1%e7%ab%af%e3%81%af%e5%9b%ba%e5%ae%9a%e5%b9%85","status":"publish","type":"post","link":"https:\/\/blog.youyuweb.net\/?p=2093","title":{"rendered":"3\u30ab\u30e9\u30e0\u3067\u4e2d\u592e\u306e\u307f\u53ef\u5909\u5e45\u3000\u4e21\u7aef\u306f\u56fa\u5b9a\u5e45"},"content":{"rendered":"

HTML<\/p>\n

<div id=”wrapper”>
\n<div id=”main”>
\n<div id=”content”>#content<\/div>
\n<\/div>
\n<div id=”left”>#left<\/div>
\n<div id=”right”>#right<\/div>
\n<\/div><\/p>\n

CSS
\n
\n#wrapper {
\nheight: 500px;
\nmin-width: 600px;
\n}
\n#main {
\nheight: 500px;
\nwidth: 100%;
\nfloat: left;
\n}
\n#content {
\nbackground-color: #F60;
\nmargin-right: 200px;
\nmargin-left: 150px;
\nheight: 500px;
\n}
\n#left {
\nbackground-color: #09F;
\nfloat: left;
\nmargin-left: -100%;
\nwidth: 150px;
\nheight: 500px;
\n}
\n#right {
\nbackground-color: #0C3;
\nfloat: left;
\nmargin-left: -200px;
\nwidth: 200px;
\nheight: 500px;
\n}
\n<\/code><\/p>\n

\u6291\u3048\u3066\u304a\u304f\u6307\u5b9a<\/p>\n

3\u3064\u306e\u30dc\u30c3\u30af\u30b9\u5168\u3066\u306bfloat: left;\u3092\u6307\u5b9a
\n#main\u306fwidth: 100%;
\n#content\u306f\u5de6\u53f3\u306e\u30dc\u30c3\u30af\u30b9\u306e\u5e45\u3060\u3051margin\u3092\u6307\u5b9a
\n\u5de6\u5074\u306e\u30dc\u30c3\u30af\u30b9\u306fwidth\u3068margin-left: -100%;\u3092\u6307\u5b9a
\n\u53f3\u5074\u306e\u30dc\u30c3\u30af\u30b9\u306fwidth\u3092\u6307\u5b9a\u3057\u3001width\u3068\u540c\u3058px\u6570\u3092margin-left\u306b\u30de\u30a4\u30ca\u30b9\u5024(=\u30cd\u30ac\u30c6\u30a3\u30d6\u30de\u30fc\u30b8\u30f3)\u3067\u6307\u5b9a<\/p>\n","protected":false},"excerpt":{"rendered":"

HTML <div id=”wrapper”> <div …<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18,16],"tags":[],"class_list":["post-2093","post","type-post","status-publish","format-standard","hentry","category-css","category-16"],"_links":{"self":[{"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=\/wp\/v2\/posts\/2093"}],"collection":[{"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2093"}],"version-history":[{"count":5,"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=\/wp\/v2\/posts\/2093\/revisions"}],"predecessor-version":[{"id":2098,"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=\/wp\/v2\/posts\/2093\/revisions\/2098"}],"wp:attachment":[{"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2093"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2093"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.youyuweb.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}