{"id":346,"date":"2014-05-03T14:13:24","date_gmt":"2014-05-03T06:13:24","guid":{"rendered":"http:\/\/blog.feizhaojun.com\/?p=346"},"modified":"2018-05-26T22:19:22","modified_gmt":"2018-05-26T14:19:22","slug":"css%e8%87%aa%e9%80%82%e5%ba%94%e5%b8%83%e5%b1%80","status":"publish","type":"post","link":"https:\/\/feizhaojun.com\/?p=346","title":{"rendered":"CSS\u5e03\u5c40\u95ee\u9898\u603b\u7ed3"},"content":{"rendered":"<h1>\u7ecf\u5178\u4e24\u680f\u81ea\u9002\u5e94\u5e03\u5c40<\/h1>\n<p>HTML\u7f51\u9875\u7ed3\u6784\u5982\u4e0b\uff1a<\/p>\n<pre><code class=\"html\">&lt;body&gt;\n&lt;div class=\"left\"&gt;\n&lt;\/div&gt;\n&lt;div class=\"right\"&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;\n<\/code><\/pre>\n<ol>\n<li>\u4f7f\u7528\u7edd\u5bf9\u5b9a\u4f4d\u3002<\/li>\n<\/ol>\n<p>CSS\u4ee3\u7801\uff1a<\/p>\n<pre><code class=\"css\">.left{background:#ff0088;width:200px;position:absolute;}\n.right{background:#0088ff;margin-left:200px;}\n<\/code><\/pre>\n<p>2.\u4f7f\u7528\u6d6e\u52a8\u5e03\u5c40<\/p>\n<p>CSS\u4ee3\u7801\uff1a<\/p>\n<pre><code class=\"css\">.left{background:#ff0088;width:200px;float:left;}\n.right{background:#0088ff;}\n<\/code><\/pre>\n<p>\u5982\u679c\u8ba9\u53f3\u4fa7\u5b9a\u5bbd\uff0c\u6211\u4eec\u9700\u8981\u628a\u53f3\u4fa7div\u5199\u5728\u524d\u9762\uff1a<\/p>\n<pre><code class=\"html\">&lt;body&gt;\n&lt;div class=\"right\"&gt;\n&lt;\/div&gt;\n&lt;div class=\"left\"&gt;\n&lt;\/div&gt;\n&lt;\/body&gt;\n<\/code><\/pre>\n<p>3.\u4f7f\u7528\u8d1fmargin\u65b9\u6cd5<\/p>\n<p>\u672c\u7ad9\u6a21\u677f\u5c31\u662f\u4f7f\u7528\u8fd9\u4e2a\u65b9\u6cd5\uff0c\u6211\u4eec\u9700\u8981\u5728\u53f3\u4fa7\u680f\u5185\u65b0\u589e\u4e00\u4e2a\u5143\u7d20\uff0c\u800c\u4e14\u9700\u8981\u628a\u81ea\u9002\u5e94\u7684right\u5bb9\u5668\u5199\u5728\u524d\u9762\uff1a<\/p>\n<pre><code class=\"html\">&lt;div class=\"right\"&gt;\n&lt;div class=\"rightContent\"&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;div class=\"left\"&gt;\n&lt;\/div&gt;\n<\/code><\/pre>\n<p>CSS\u4ee3\u7801\uff1a<\/p>\n<pre><code class=\"css\">.left{background:#ff0088;width:200px;float:left;}\n.right{background:#ccc;float:right;width:100%;margin-left:-200px;}\n.rightContent{background:#0088ff;margin-left:200px;}\n<\/code><\/pre>\n<h1>\u53c2\u8003\u94fe\u63a5<\/h1>\n<p><a href=\"http:\/\/www.cnblogs.com\/2050\/archive\/2012\/07\/31\/2616460.html\" target=\"_blank\">CSS\u5e03\u5c40\u5947\u6deb\u6280\u5de7\u4e4b-\u591a\u5217\u7b49\u9ad8<\/a><br \/>\n<a href=\"http:\/\/brianway.github.io\/2017\/05\/18\/css-layout-classical-problems\/\" target=\"_blank\">CSS \u5e03\u5c40\u7ecf\u5178\u95ee\u9898\u521d\u6b65\u6574\u7406<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7ecf\u5178\u4e24\u680f\u81ea\u9002\u5e94\u5e03\u5c40 HTML\u7f51\u9875\u7ed3\u6784\u5982\u4e0b\uff1a &lt;body&gt; &lt;div class=&#8221;left&#8221;&gt; &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4,3,38,28],"tags":[],"class_list":["post-346","post","type-post","status-publish","format-standard","hentry","category-html","category-fe","category-css","category-28"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=346"}],"version-history":[{"count":14,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/346\/revisions"}],"predecessor-version":[{"id":1869,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=\/wp\/v2\/posts\/346\/revisions\/1869"}],"wp:attachment":[{"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feizhaojun.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}