{"id":71,"date":"2024-12-01T09:33:15","date_gmt":"2024-12-01T01:33:15","guid":{"rendered":"https:\/\/note.yuncrown.com\/?p=71"},"modified":"2024-12-01T10:03:33","modified_gmt":"2024-12-01T02:03:33","slug":"css%e6%b5%ae%e5%8a%a8","status":"publish","type":"post","link":"https:\/\/note.yuncrown.com\/index.php\/2024\/12\/01\/css%e6%b5%ae%e5%8a%a8\/","title":{"rendered":"CSS\u6d6e\u52a8"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>\u53f3\u6d6e\u52a8\u4f46\u662f\u53e6\u8d77\u4e00\u884c<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*\nclear:left:\u5de6\u4fa7\u4e0d\u5141\u8bb8\u6d6e\u52a8\nclear:right:\u53f3\u4fa7\u4e0d\u5141\u8bb8\u6d6e\u52a8\nclear:both:\u4e24\u4fa7\u4e0d\u5141\u8bb8\u6d6e\u52a8\n*\/\ndiv {\n\tfloat: left;\n\tclear: both;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u7236\u8fb9\u6846\u584c\u9677\u89e3\u51b3\u529e\u6cd5<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1\u3001\u589e\u52a0\u7236\u5143\u7d20\u9ad8\u5ea6\uff08\u4e0d\u63a8\u8350\uff09<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>div {\n\tborder: 1px #000 solid;\n\theight: 800px;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">2\u3001\u7236\u8fb9\u6846\u6240\u6709\u5b50\u5143\u7d20\u6700\u540e\u9762\u589e\u52a0\u4e00\u4e2a\u7a7a\u7684div\uff0c\u6e05\u9664\u6d6e\u52a8\uff08\u5c3d\u91cf\u907f\u514d\u7a7adiv\uff09<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"clear\">&lt;\/div>\n.clear {\n\tclear: both;\n\tmargin: 0;\n\tpadding: 0;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">3\u3001\u5728\u7236\u7ea7\u5143\u7d20\u4e2d\u589e\u52a0overflow: hidden;\uff08\u4e0b\u62c9\u573a\u666f\u907f\u514d\u4f7f\u7528\uff09<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*\noverflow: hidden;\u5982\u679c\u5143\u7d20\u6709\u9ad8\u5ea6\uff0c\u8d85\u51fa\u9ad8\u5ea6\u9690\u85cf\uff0c\u6ca1\u6709\u9ad8\u5ea6\uff0c\u81ea\u52a8\u88ab\u5b50\u5143\u7d20\u6491\u8d77\u6765\n*\/\n&lt;div class=\"father\">&lt;\/div>\n#father {\n\toverflow: hidden;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">4\u3001\u7236\u7ea7\u5143\u7d20\u6dfb\u52a0\u4e00\u4e2a\u4f2a\u7c7b\uff08\u907f\u514d\u6dfb\u52a0\u7a7adiv\uff0c\u6ca1\u6709\u526f\u4f5c\u7528\uff0c\u6700\u5e38\u7528\uff09<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"father\">&lt;\/div>\n#father:after {\n\tcontent: \"\";\n\tdisplay: block;\n\tclear: both;\n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u5bf9\u6bd4<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">display: \u65b9\u5411\u4e0d\u53ef\u63a7\u5236<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">float: \u6d6e\u52a8\u8d77\u6765\u4f1a\u8131\u79bb\u6807\u51c6\u6587\u6863\u6d41\uff0c\u9700\u8981\u89e3\u51b3\u7236\u7ea7\u5143\u7d20\u584c\u9677\u95ee\u9898<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u53f3\u6d6e\u52a8\u4f46\u662f\u53e6\u8d77\u4e00\u884c \u7236\u8fb9\u6846\u584c\u9677\u89e3\u51b3\u529e\u6cd5 1\u3001\u589e\u52a0\u7236\u5143\u7d20\u9ad8\u5ea6\uff08\u4e0d\u63a8\u8350\uff09 2\u3001\u7236\u8fb9\u6846\u6240\u6709\u5b50\u5143\u7d20\u6700\u540e\u9762\u589e\u52a0\u4e00\u4e2a\u7a7a\u7684d [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[13,11],"class_list":["post-71","post","type-post","status-publish","format-standard","hentry","category-6","tag-css","tag-11"],"_links":{"self":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/71","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/comments?post=71"}],"version-history":[{"count":1,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/71\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/posts\/71\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/media?parent=71"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/categories?post=71"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/note.yuncrown.com\/index.php\/wp-json\/wp\/v2\/tags?post=71"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}