{"id":5943,"date":"2024-04-14T20:03:08","date_gmt":"2024-04-14T12:03:08","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5943"},"modified":"2024-04-14T20:03:08","modified_gmt":"2024-04-14T12:03:08","slug":"css-positioning-attributes","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/zh\/css-positioning-attributes\/","title":{"rendered":"CSS\u5b9a\u4f4d\u5c6c\u6027"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p id=\"\"><strong id=\"\">\u63a2\u7d22\u4ee5\u4e0b\u4e3b\u984c\uff1a<\/strong><\/p>\n<ol id=\"\">\n<li id=\"\">\u5834\u6240\u898f\u5b9a<\/li>\n<li id=\"\">\u5c0d\u61c9\u5b9a\u4f4d<\/li>\n<li id=\"\">\u7cbe\u78ba\u5b9a\u4f4d<\/li>\n<li id=\"\">\u5b9a\u4f4d\u4e0d\u8b8a<\/li>\n<li id=\"\">\u9644\u5b9a\u4f4d<\/li>\n<li id=\"\">\u63a7\u5236\u4f4d\u7f6e\u548c\u5c6c\u6027<\/li>\n<li id=\"\">\u6d6e\u52d5\u8a2d\u5b9a<\/li>\n<li id=\"\">\u6f84\u6e05\u8a2d\u5b9a<\/li>\n<\/ol>\n<p id=\"\">location \u5c6c\u6027\u6c7a\u5b9a\u5143\u7d20\u5728\u9801\u9762\u4e0a\u7684\u4f4d\u7f6e\u3002\u4e00\u65e6\u78ba\u5b9a\u4e86\u5143\u7d20\u7684\u4f4d\u7f6e\uff0c\u60a8\u5c31\u53ef\u4ee5\u8abf\u6574\u9802\u90e8\u3001\u5e95\u90e8\u3001\u5de6\u5074\u548c\u53f3\u5074\u5c6c\u6027\u3002<\/p>\n<h2 id=\"\">\u5834\u6240\u898f\u5b9a<\/h2>\n<p id=\"\">\u9810\u8a2d\u60c5\u6cc1\u4e0b\uff0c\u6bcf\u500b\u5143\u7d20\u90fd\u6709\u56fa\u5b9a\u7684\u4f4d\u7f6e\uff0c\u56e0\u6b64\u5143\u7d20\u5c07\u4fdd\u7559\u5728 document \u6d41\u4e0a\u3002\u5177\u6709\u56fa\u5b9a\u5b9a\u4f4d\u7684\u5143\u7d20\u4ee5\u5176\u5806\u758a\u9806\u5e8f\u986f\u793a\u3002\u5982\u679c\u6c92\u6709\u6dfb\u52a0\u6a23\u5f0f\uff0c\u5b83\u5011\u5c31\u4e0d\u6703\u91cd\u758a\uff0c\u4e26\u4e14\u5404\u7a2e\u5143\u7d20\u4e0d\u6703\u5177\u6709\u4e0d\u540c\u7684\u9810\u8a2d\u539f\u5247\u3002\u5c07\u5143\u7d20\u5b9a\u7fa9\u70ba\u56fa\u5b9a\u7684\u552f\u4e00\u52d5\u6a5f\u662f\u6d88\u9664\u6240\u61c9\u7528\u7684\u5b9a\u4f4d\u3002<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94ca62b34d96dd91ddfe2_5f50fb829781002ee6047476_ezprntno_ophtrkcdszkmfzjw8-ozlvvjpwxnokna46rk4rghfcfdbf84t60xphvg0mvmtfwg-2_5nsycx7f3bwpbcouixzplg0rayel-a1nimj7c_haohsgs6a-xqjpoqzd1jbe.jpeg\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b94ca62b34d96dd91ddfe2_5f50fb829781002ee6047476_ezprntno_ophtrkcdszkmfzjw8-ozlvvjpwxnokna46rk4rghfcfdbf84t60x20xFx imj7_c_haohsgs6a-xqjpoqzd1jbe\"><\/div>\n<\/figure>\n<h2 id=\"\">\u5c0d\u61c9\u5b9a\u4f4d<\/h2>\n<p id=\"\">\u914d\u7f6e\u70ba\u5c0d\u61c9\u7684\u5143\u7d20\u76f8\u5c0d\u65bc\u5176\u5178\u578b\u4f4d\u7f6e\u653e\u7f6e\u3002\u4e0d\u5305\u542b\u5176\u4ed6\u653e\u7f6e\u5c6c\u6027\uff08\u9802\u90e8\u3001\u5de6\u5074\u3001\u5e95\u90e8\u6216\u53f3\u5074\uff09\u7684\u76f8\u61c9\u8a2d\u5b9a\u4e0d\u6703\u8b8a\u66f4\u3002\u9019\u662f\u56e0\u70ba\u5b83\u8207\u81ea\u8eab\u7684\u95dc\u4fc2\u6070\u6070\u5c31\u597d\u50cf\u4f60\u4fdd\u6301\u5b83\u662f\u56fa\u5b9a\u7684\u4e00\u6a23\u3002\u5b9a\u7fa9\u5c0d\u61c9\u5143\u7d20\u7684 top\u3001right\u3001bottom \u548c left \u5c6c\u6027\u6703\u5c07\u5176\u5f9e\u666e\u901a\u4f4d\u7f6e\u79fb\u52d5\u3002\u4e0d\u540c\u7684\u5167\u5bb9\u4e0d\u6703\u9069\u61c9\u5143\u7d20\u7559\u4e0b\u7684\u4efb\u4f55\u9593\u9699\u3002<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94ca62b34d96dd91ddfff_5f50fb82ce335431e0f3f5eb_np130jvrax_vcxwsjsiducykum0czt5u6x5bej6hllmlyoqz7nawgtet6bnkhe9pojiegzlhvhcsdwaqiglrkmhme5nbzvab6naji-xpqonqzwpxuhwcjkzusyoycovwqjjciun9\"><\/div>\n<\/figure>\n<p id=\"\">\u5177\u6709\u76f8\u61c9\u5b9a\u4f4d\u7684\u5143\u7d20\u53ef\u4ee5\u8207\u5176\u4ed6\u5143\u7d20\u91cd\u758a\uff0c\u800c\u4e0d\u6703\u5f71\u97ff\u5b83\u5011\u7684\u4f4d\u7f6e\u6216\u963b\u7919\u6a19\u6e96 document \u6d41\u7a0b\u3002<\/p>\n<p id=\"\">\u7576\u60a8\u5728\u5143\u7d20\u4e0a\u4f7f\u7528\u76f8\u61c9\u7684\u4f4d\u7f6e\u6642\uff0c\u9084\u6703\u767c\u751f\u5176\u4ed6\u4e00\u4e9b\u4e8b\u60c5\uff1a<\/p>\n<ol id=\"\">\n<li id=\"\">\u5b83\u555f\u52d5\u8a72\u5143\u7d20\u4e0a z \u8ef8\u7684\u4f7f\u7528\u3002\u9019\u4e0d\u9069\u7528\u65bc\u56fa\u5b9a\u5143\u7d20\u3002\u5373\u4f7f\u60a8\u6c92\u6709\u5efa\u7acb z \u8ef8\u503c\uff0c\u8a72\u5143\u7d20\u4ecd\u7136\u6703\u51fa\u73fe\u5728\u5b83\u4ecb\u5165\u7684\u4efb\u4f55\u5176\u4ed6\u56fa\u5b9a\u5143\u7d20\u4e4b\u4e0a\u3002\u4efb\u4f55\u672a\u6307\u5b9a\u70ba\u56fa\u5b9a\u7684\u5143\u7d20\u90fd\u53ef\u4ee5\u5b58\u53d6 z \u8ef8\u3002\u00a0<\/li>\n<li id=\"\">\u5b83\u9650\u5236\u4e86\u5b8c\u5168\u5b9a\u4f4d\u7684\u5b50\u5143\u7d20\u3002\u4efb\u4f55\u5145\u7576\u76f8\u61c9\u5143\u7d20\u7684\u5b50\u5143\u7d20\u7684\u5143\u7d20\uff0c\u6216\u4efb\u4f55\u4e0d\u540c\u65bc\u56fa\u5b9a\u7684\u4f4d\u7f6e\uff0c\u90fd\u53ef\u4ee5\u7cbe\u78ba\u5730\u5b9a\u4f4d\u5728\u8a72\u5143\u7d20\u5167\u3002\u00a0<\/li>\n<\/ol>\n<p id=\"\">\u64f4\u5c55\u60a8\u5c0d\u61c9\u7528 z \u8ef8\u503c\u7684\u7406\u89e3\u3002<\/p>\n<h2 id=\"\">\u7cbe\u78ba\u5b9a\u4f4d<\/h2>\n<p id=\"\">\u8981\u53d6\u4ee3\u6a19\u6e96 document \u6d41\u7a0b\u4e2d\u7684\u5143\u7d20\uff0c\u7cbe\u78ba\u653e\u7f6e\u662f\u4e00\u500b\u7d55\u4f73\u7684\u9078\u64c7\u3002\u78ba\u5207\u5143\u7d20\u7684\u4f4d\u7f6e\u4e0d\u53d7\u5176\u4ed6\u5143\u7d20\u7684\u5f71\u97ff\uff0c\u4e5f\u4e0d\u6703\u5f71\u97ff\u5176\u4ed6\u5143\u7d20\u7684\u4f4d\u7f6e\u3002\u00a0<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94ca62b34d96dd91ddffa_5f50fb83e53f610313ed8605_2iiotb8khk_pyds2ncxxb-igetjxwmabyqw-an13r8-htvnpbkzhslzjzhmoq2pzst-3tvugpcl2njjchinf4uko2l8yxkrrnx8kxgyvvoblixakfr5oxoigdzxgv7infjm4poyy\"><\/div>\n<\/figure>\n<p id=\"\">\u9810\u8a2d\u60c5\u6cc1\u4e0b\uff0c\u5143\u7d20\u7684\u4f4d\u7f6e\u8207 body \u5143\u7d20\u76f8\u95dc\uff0c\u4f46\u5982\u679c\u8a72\u7236\u5143\u7d20\u88ab\u6307\u5b9a\u70ba\u9664\u56fa\u5b9a\u4e4b\u5916\u7684\u4efb\u4f55\u5143\u7d20\uff0c\u5247\u53ef\u4ee5\u5728\u5143\u7d20\u5167\u653e\u7f6e\u4efb\u4f55\u7cbe\u78ba\u7684\u5143\u7d20\u3002<\/p>\n<p id=\"\">\u5229\u7528\u653e\u7f6e\u5c6c\u6027 top\u3001left\u3001bottom \u548c right \u4f86\u78ba\u5b9a\u4f4d\u7f6e - \u9019\u4e9b\u503c\u5c07\u76f8\u5c0d\u65bc\u6700\u8fd1\u7684\u7236\u5143\u7d20\uff0c\u5176\u914d\u7f6e\u4e0d\u540c\u65bc\u56fa\u5b9a\u3002<\/p>\n<h2 id=\"\">\u5b9a\u4f4d\u4e0d\u8b8a<\/h2>\n<p id=\"\">\u4e0d\u8b8a\u7684\u5143\u7d20\u662f\u76f8\u5c0d\u65bc\u8996\u7a97\u6216\u700f\u89bd\u5668\u8996\u7a97\u653e\u7f6e\u7684\u3002<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94ca62b34d96dd91ddfeb_5f50fb83e1acdfb596df6233_2p-swauamkvslwpw-i94dkgxcyquwqxhusx9yqfdpg_cj-gkclofw8ztbubog4vodvmnhsq26qcgnuliglqzonk6flabvclcry5vxf8ktxjzfalrxkhalirbet1pxw2i1og1asoe\"><\/div>\n<\/figure>\n<p id=\"\">\u5728\u9801\u9762\u6372\u52d5\u671f\u9593\uff0c\u4e0d\u8b8a\u7684\u5143\u7d20\u4fdd\u6301\u56fa\u5b9a\u5728\u5176\u4f4d\u7f6e\u3002\u9019\u7a2e\u5b9a\u4f4d\u9078\u64c7\u7d93\u5e38\u7528\u65bc\u7a69\u5b9a\u5c0e\u822a\u3002<\/p>\n<h2 id=\"\">\u9644\u5b9a\u4f4d<\/h2>\n<p id=\"\">\u9644\u52a0\u5143\u7d20\u5c07\u6839\u64da\u6aa2\u8996\u8005\u7684\u6372\u52d5\u4f4d\u7f6e\u5728\u76f8\u61c9\u548c\u4e0d\u8b8a\u7684\u4f4d\u7f6e\u4e4b\u9593\u4e92\u63db\u3002<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94ca62b34d96dd91de012_5f50fb8338fa697df20074cc_mbj0_rx8x14n3hsojaftmafqlnpzydayd2r9vge8f3er2fc0-10tmxh1tyg5xp52dbkn7evlj4xojp_jib8cwlmzk0o9mz9vivhlhnudkyfbenvtk_3snoxfoyy6phugqw_ohfrz\"><\/div>\n<\/figure>\n<p id=\"\">\u9644\u52a0\u5143\u7d20\u8207 document \u6d41\u76f8\u95dc\uff0c\u76f4\u5230\u9054\u5230\u5b9a\u7fa9\u7684\u6372\u52d5\u7b49\u7d1a\u3002\u6b64\u6642\uff0c\u5b83\u6703\u5207\u63db\u5230\u5176\u76f4\u63a5\u7236\u7d1a\u4e2d\u4e0d\u8b8a\u5143\u7d20\u7684\u884c\u70ba\u3002\u4e00\u65e6\u9644\u52a0\u5143\u7d20\u5230\u9054\u5176\u7236\u5143\u7d20\u7684\u5e95\u90e8\uff0c\u5b83\u5c07\u505c\u6b62\u6efe\u52d5\u3002<\/p>\n<p id=\"\">\u60a8\u9700\u8981\u70ba\u9802\u90e8\u3001\u5e95\u90e8\u3001\u5de6\u5074\u6216\u53f3\u5074\u81f3\u5c11\u6307\u5b9a\u4e00\u500b\u653e\u7f6e\u503c\uff0c\u4ee5\u4fbf\u9644\u52a0\u5b9a\u4f4d\u767c\u63ee\u4f5c\u7528\u3002\u5982\u679c\u4efb\u4f55\u7236\u5143\u7d20\u5177\u6709\u5df2\u5efa\u7acb\u7684\u9ad8\u5ea6\u6216\u6307\u5b9a\u70ba\u96b1\u85cf\u3001\u6372\u52d5\u6216\u81ea\u52d5\u7684\u6ea2\u51fa\uff0c\u5247\u9644\u52a0\u7684\u4f4d\u7f6e\u53ef\u80fd\u7121\u6cd5\u6e96\u78ba\u904b\u4f5c\u3002<\/p>\n<p id=\"\">\u6709\u4e9b\u700f\u89bd\u5668\u4e0d\u652f\u63f4\u9644\u52a0\u5b9a\u4f4d\u3002<a href=\"https:\/\/caniuse.com\/#search=sticky\" id=\"\"> \u6aa2\u67e5\u54ea\u4e9b\u700f\u89bd\u5668\u8a8d\u53ef\u9644\u52a0\u4f4d\u7f6e<\/a>.<\/p>\n<h2 id=\"\">\u653e\u7f6e\u63a7\u5236\u9805\u548c\u503c<\/h2>\n<p id=\"\">\u5c0d\u65bc\u5c0d\u61c9\u7684\u3001\u7cbe\u78ba\u7684\u3001\u4e0d\u8b8a\u7684\u548c\u9644\u52a0\u7684\u653e\u7f6e\u5c6c\u6027\uff0c\u60a8\u53ef\u4ee5\u5728\u300c\u6a23\u5f0f\u300d\u9762\u677f\u4e2d\u4f7f\u7528\u4e0b\u5217\u63a7\u5236\u9805\uff1a<\/p>\n<ul id=\"\">\n<li id=\"\">\u653e\u7f6e\u63a7\u5236<\/li>\n<li id=\"\">\u76f8\u95dc\u6027\u6307\u6a19<\/li>\n<li id=\"\">Z \u8ef8\u503c\u5b57\u6bb5<\/li>\n<\/ul>\n<h3 id=\"\">\u653e\u7f6e\u63a7\u5236<\/h3>\n<p id=\"\">\u5c0d\u65bc\u4f4d\u7f6e\u7cbe\u78ba\u4e14\u4e0d\u8b8a\u7684\u5143\u7d20\uff0c\u60a8\u5c07\u9047\u5230\u9810\u8a2d\uff0c\u4f7f\u60a8\u80fd\u5920\u76f8\u5c0d\u65bc\u76f8\u95dc\u6027\u6307\u793a\u5668\u4e2d\u6307\u793a\u7684\u5143\u7d20\u4f86\u5b9a\u4f4d\u5143\u7d20\u3002<\/p>\n<p id=\"\">\u60a8\u53ef\u4ee5\u9078\u64c7\u4efb\u4f55\u5f8c\u7e8c\u9810\u8a2d\u4f4d\u7f6e\uff1a<\/p>\n<ul id=\"\">\n<li id=\"\">\u5de6\u4e0a\uff1a\u6307\u5b9a\u503c\u5982\u4e0b\uff1a\u4e0a\u65b9\uff1a0px \u548c\u5de6\u5074\uff1a0px<\/li>\n<li id=\"\">\u53f3\u4e0a\uff1a\u8868\u793a\u53d6\u503c\u5982\u4e0b\uff1a\u4e0a\uff1a0px\uff0c\u53f3\uff1a0px<\/li>\n<li id=\"\">\u5de6\u4e0b\uff1a\u5c07\u503c\u8a2d\u70ba\u5e95\u90e8\uff1a0px \u548c\u5de6\u5074\uff1a0px<\/li>\n<li id=\"\">\u53f3\u4e0b\uff1a\u5c07\u503c\u914d\u7f6e\u70ba\u5e95\u90e8\uff1a0px \u548c\u53f3\u5074\uff1a0px<\/li>\n<li id=\"\">\u5de6\uff1a\u5206\u914d\u8af8\u5982\u9802\u90e8\uff1a0px\u3001\u5de6\u5074\uff1a0px \u548c\u5e95\u90e8\uff1a0px \u4e4b\u985e\u7684\u503c<\/li>\n<li id=\"\">\u53f3\uff1a\u5206\u914d\u8af8\u5982\u9802\u90e8\uff1a0px\u3001\u53f3\uff1a0px \u548c\u5e95\u90e8\uff1a0px \u4e4b\u985e\u7684\u503c<\/li>\n<li id=\"\">\u9802\u90e8\uff1a\u8a2d\u5b9a\u8af8\u5982\u9802\u90e8\uff1a0px\u3001\u5de6\u5074\uff1a0px \u548c\u53f3\u5074\uff1a0px \u4e4b\u985e\u7684\u503c<\/li>\n<li id=\"\">\u5e95\u90e8\uff1a\u5c07\u6578\u503c\u5b9a\u7fa9\u70ba\u5e95\u90e8\uff1a0px\uff0c\u5de6\u5074\uff1a0px\uff0c\u53f3\u5074\uff1a0px<\/li>\n<li id=\"\">Full\uff1a\u6307\u5b9a\u8af8\u5982 top: 0px\u3001bottom: 0px\u3001left: 0px \u548c right: 0px \u4e4b\u985e\u7684\u503c\uff08\u8986\u5beb\u6574\u500b\u76f8\u5c0d\u7236\u7d1a\u6216\u4e3b\u9ad4\uff09<\/li>\n<\/ul>\n<p id=\"\">\u624b\u52d5\u63a7\u5236\u53ef\u8b93\u60a8\u8b8a\u66f4\u9810\u8a2d\u6216\u5207\u63db\u5230\u6bcf\u4e00\u5074\uff08\u4f8b\u5982\u9802\u90e8\u3001\u5e95\u90e8\u3001\u5de6\u5074\u548c\u53f3\u5074\uff09\u7684\u81ea\u52d5\u503c\u3002\u60a8\u53ef\u4ee5\u900f\u904e\u64cd\u7e31\u63a7\u88fd\u6216\u9ede\u64ca\u5b83\u4f86\u9078\u64c7\u9810\u8a2d\u503c\u6216\u8f38\u5165\u81ea\u8a02\u503c\u4f86\u8abf\u6574\u6bcf\u5074\u7684\u503c\u3002<\/p>\n<ul id=\"\">\n<li id=\"\">Top\uff1a\u589e\u52a0\u5b83\u6703\u5c07\u5143\u7d20\u5f9e\u9802\u90e8\u5411\u4e0b\u63a8<\/li>\n<li id=\"\">\u5de6\uff1a\u589e\u52a0\u5b83\u5c07\u5143\u7d20\u5f9e\u5de6\u5411\u53f3\u79fb\u52d5<\/li>\n<li id=\"\">\u53f3\uff1a\u589e\u52a0\u5b83\u5c07\u5143\u7d20\u5f9e\u53f3\u5411\u5de6\u79fb\u52d5<\/li>\n<li id=\"\">Bottom\uff1a\u589e\u52a0\u5b83\u6703\u5c07\u5143\u7d20\u5f9e\u5e95\u90e8\u5411\u4e0a\u79fb\u52d5<\/li>\n<\/ul>\n<p id=\"\">\u5c0d\u5176\u4e2d\u4efb\u4f55\u4e00\u500b\u4f7f\u7528\u8ca0\u503c\u90fd\u53ef\u80fd\u5c07\u5176\u5411\u76f8\u53cd\u65b9\u5411\u79fb\u52d5\uff0c\u4e26\u53ef\u80fd\u5c07\u5176\u79fb\u52d5\u5230\u7236\u5143\u7d20\u7684\u908a\u6846\u4e4b\u5916\u3002<\/p>\n<h4 id=\"\">\u5b9a\u4f4d\u6307\u793a\u5668<\/h4>\n<p id=\"\">\u5b9a\u4f4d\u6307\u793a\u5668\u986f\u793a\u60a8\u9078\u64c7\u7684\u9805\u76ee\u76f8\u5c0d\u65bc\u54ea\u500b\u5143\u7d20\u5b9a\u4f4d\u3002<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94ca62b34d96dd91ddfee_5f50fb851fdc7d257228b6bc_vb6qsfieeavlbyswoo3dstkgenpqwidwtxhhhq8o4v-xziwrdgever0vyomqtsvj4wt56sobzvjdmrd_oruhxwmquh3djwuifoxnybvjbrlao2rh0sysl1sfo9ae9y5ffvtw5ep0.jpeg\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b94ca62b34d96dd91ddfee_5f50fb851fdc7d257228b6bc_vb6qsfieeavlbyswoo3dstkgenpqw idwtxhhhq8o4v-xzimdgever0vyomqtsv456x 1sfo9ae9y5ffvtw5ep0\"><\/div>\n<\/figure>\n<p id=\"\">\u8acb\u8a18\u4f4f\uff0c\u4e00\u500b\u5143\u7d20\u8a2d\u5b9a\u70ba <strong id=\"\">\u76f8\u5c0d\u7684<\/strong> \u5b9a\u4f4d\u662f\u76f8\u5c0d\u65bc\u81ea\u8eab\u5b9a\u4f4d\u7684\u3002<\/p>\n<p id=\"\">\u8a2d\u5b9a\u70ba\u7d55\u5c0d\u7684\u5143\u7d20\u76f8\u5c0d\u65bc\u7236\u5143\u7d20\u5b9a\u4f4d\u3002\u9810\u8a2d\u60c5\u6cc1\u4e0b\uff0c\u9019\u53ef\u80fd\u662f body \u5143\u7d20\u3002\u5982\u679c\u60a8\u60f3\u5728\u7279\u5b9a\u7236\u7d1a\u4e2d\u7d55\u5c0d\u5b9a\u4f4d\u67d0\u500b\u5143\u7d20\uff0c\u8acb\u5c07\u524d\u4e00\u500b\u5143\u7d20\u7684\u4f4d\u7f6e\u4fee\u6539\u70ba\u975c\u614b\u4ee5\u5916\u7684\u4efb\u4f55\u4f4d\u7f6e\u3002<\/p>\n<p id=\"\">A <strong id=\"\">\u56fa\u5b9a\u7684<\/strong> \u5143\u7d20\u76f8\u5c0d\u65bc\u9801\u9762\u4e3b\u9ad4\u5b9a\u4f4d\uff0c\u5373\u4f7f\u6372\u52d5\u9801\u9762\u4e5f\u4fdd\u6301\u56fa\u5b9a<\/p>\n<p id=\"\">\u9ecf\u6027\u5143\u7d20\u76f8\u5c0d\u65bc\u5176\u76f4\u63a5\u7236\u5143\u7d20\u5b9a\u4f4d\u3002\u6709\u6642\uff0c\u9019\u5c07\u662f\u9801\u9762\u4e3b\u9ad4\u3002<\/p>\n<h4 id=\"\">\u5716\u5c64\u7d22\u5f15<\/h4>\n<p id=\"\">\u5716\u5c64\u7d22\u5f15\u8868\u793a\u5143\u7d20\u5728\u5ef6\u4f38\u81f3\u96fb\u8166\u87a2\u5e55\u548c\u5ef6\u4f38\u51fa\u96fb\u8166\u87a2\u5e55\u7684\u7406\u8ad6 z \u8ef8\u4e0a\u7684\u4f4d\u7f6e\u3002\u6700\u521d\uff0c\u5143\u7d20\u64c1\u6709\u81ea\u52d5\u5716\u5c64\u7d22\u5f15\uff0c\u9801\u9762\u5e95\u90e8\u7684\u5143\u7d20\u5c07\u5806\u758a\u5728\u5176\u4e0a\u65b9\u7684\u5143\u7d20\u4e0a\u65b9\uff0c\u800c\u53f3\u5074\u7684\u5143\u7d20\u5c07\u5806\u758a\u5728\u5de6\u5074\u7684\u5143\u7d20\u4e0a\u65b9\u3002\u975c\u614b\u5143\u7d20\u59cb\u7d42\u5806\u758a\u5728\u5177\u6709\u76f8\u5c0d\u3001\u7d55\u5c0d\u3001\u56fa\u5b9a\u6216\u9ecf\u6027\u96c6\u4f4d\u7f6e\u7684\u5b9a\u4f4d\u5143\u7d20\u4e0b\u65b9\u3002<\/p>\n<p id=\"\">\u5b9a\u4f4d\u5143\u7d20\u53ef\u80fd\u6703\u8207\u81ea\u7136 document \u6d41\u4e2d\u7684\u5176\u4ed6\u5143\u7d20\u91cd\u758a\uff0c\u56e0\u6b64\u60a8\u53ef\u4ee5\u8abf\u6574\u4efb\u4f55\u5b9a\u4f4d\u5143\u7d20\u7684\u5716\u5c64\u7d22\u5f15\u503c\u4f86\u4fee\u6539\u5176\u9810\u8a2d\u5806\u758a\u9806\u5e8f\u3002\u8f03\u9ad8\u7684\u503c\u758a\u52a0\u5728\u8f03\u4f4e\u7684\u503c\u4e0a\u3002\u5716\u5c64\u7d22\u5f15\u503c\u7684\u7bc4\u570d\u70ba 0 \u5230 2147483647\u3002<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"2251px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94ca62b34d96dd91de068_5f57aaf90b15f37082308873_14.jpeg\" loading=\"lazy\" id=\"\" width=\"auto\" height=\"auto\" title=\"64b94ca62b34d96dd91de068_5f57aaf90b15f37082308873_14\"><\/div>\n<\/figure>\n<h4 id=\"\">\u5d4c\u5957\u5143\u7d20\u7684\u5c64\u7d22\u5f15<\/h4>\n<p id=\"\">\u7576\u5716\u5c64\u7d22\u5f15\u8a2d\u5b9a\u70baauto\u6642\uff0c\u5143\u7d20\u7684\u6392\u5217\u9806\u5e8f\u8207\u5176\u7236\u5143\u7d20\u7684\u6392\u5217\u9806\u5e8f\u5c0d\u9f4a\u3002\u9019\u4e9b\u5143\u7d20\u53ef\u4ee5\u76f8\u5c0d\u65bc\u7236\u5143\u7d20\u5806\u758a\uff0c\u4f46\u76f8\u5c0d\u65bc\u5176\u4ed6\u5143\u7d20\u5c07\u4fdd\u7559\u5728\u7236\u5143\u7d20\u7684 z \u8ef8\u5167\u3002\u4f8b\u5982\uff0c\u5982\u679c\u5143\u7d20 A \u64c1\u6709\u6bd4\u5143\u7d20 B \u66f4\u9ad8\u7684\u5c64\u7d22\u5f15\uff0c\u5247\u7121\u8ad6\u5143\u7d20 B \u7684\u5c64\u7d22\u5f15\u503c\u6709\u591a\u9ad8\uff0c\u5143\u7d20 B \u7684\u5b50\u5143\u7d20\u90fd\u6c38\u9060\u7121\u6cd5\u8d85\u904e\u5143\u7d20 A\u3002<\/p>\n<h2 id=\"\"><strong id=\"\">\u6d6e\u52d5\u914d\u7f6e<\/strong><\/h2>\n<p id=\"\">\u82e5\u8981\u5141\u8a31\u6587\u5b57\u74b0\u7e5e\u5143\u7d20\uff0c\u8acb\u5c07\u5143\u7d20\u5411\u5de6\u6216\u5411\u53f3\u6d6e\u52d5\u3002\u82e5\u8981\u5be6\u73fe\u6b64\u76ee\u7684\uff0c\u8acb\u5728\u300c\u6a23\u5f0f\u300d\u9762\u677f\u4e2d\u555f\u52d5\u5de6\u6d6e\u52d5\u6216\u53f3\u6d6e\u52d5\u5c6c\u6027\u3002<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94ca62b34d96dd91ddff4_5f50fb83189fd295d08e45a5_mru3mmmk5bhidpg9icrwfwdrr1athzqgomoqqzjtnpfiahfqpkkmgsliiul8qm4wvvyny77hqouwxcn-67vszsbq_pws_nrhz1ewzun4d3rrolnrsfa-dgbo7quwzozazscx6cor.jpeg\" id=\"\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b94ca62b34d96dd91ddff4_5f50fb83189fd295d08e45a5_mru3mmmk5bhidpg9icrwfwdrr 1athzqgomoqqzjtnpf-fqpmgg0iiq 3rrolnrsfa-dgbo7quwzozazscx6cor\"><\/div>\n<\/figure>\n<p id=\"\">\u60a8\u53ef\u4ee5\u5c07\u5143\u7d20\u5411\u5de6\u6216\u5411\u53f3\u6d6e\u52d5\uff0c\u6216\u4e0d\u6d6e\u52d5\uff0c\u9019\u6703\u4fdd\u6301\u5176\u5728\u9801\u9762\u6d41\u4e2d\u7684\u9810\u8a2d\u4f4d\u7f6e\u3002<\/p>\n<figure id=\"\" class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"2251px\">\n<div id=\"\"><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94ca62b34d96dd91de006_5f57a767fa5a097c95989f1b_12.jpeg\" loading=\"lazy\" id=\"\" width=\"auto\" height=\"auto\" title=\"64b94ca62b34d96dd91de006_5f57a767fa5a097c95989f1b_12\"><\/div>\n<\/figure>\n<p id=\"\">\u6d6e\u52d5\u591a\u500b\u5143\u7d20\u6703\u5c07\u5b83\u5011\u4e26\u6392\u6392\u5217\u3002\u6b64\u7248\u9762\u914d\u7f6e\u65b9\u6cd5\u7528\u65bc\u5404\u7a2e\u672c\u6a5f Webflow \u5143\u7d20\uff0c\u4f8b\u5982\u96c6\u5408\u6e05\u55ae\u548c\u5c0e\u89bd\u9023\u7d50\u3002\u6216\u8005\uff0c\u60a8\u53ef\u4ee5\u5b8c\u6210\u9019\u4e9b\u4f48\u5c40\u4efb\u52d9<a href=\"https:\/\/help.webflow.com\/article\/the-flexbox-guide\" id=\"\"> \u9644\u5f48\u6027\u76d2<\/a>.<\/p>\n<h3 id=\"\">\u6d6e\u52d5 \u7121<\/h3>\n<p id=\"\">None \u7528\u4f5c\u5927\u591a\u6578\u5143\u7d20\u7684\u6a19\u6e96\u8a2d\u7f6e\uff0c\u4e26\u5c07\u5143\u7d20\u5b9a\u4f4d\u5728\u5e38\u898f document \u6d41\u4e2d\u3002\u5982\u679c\u5143\u7d20\u7e7c\u627f\u4e86\u6d6e\u52d5\u8a2d\u5b9a\uff08\u4f8b\u5982\u5f9e\u8f03\u5927\u7684\u65b7\u9ede\u7e7c\u627f\uff09\uff0c\u5247\u53ef\u4ee5\u900f\u904e\u5c07\u6d6e\u52d5\u8a2d\u70ba\u7121\u4f86\u6062\u5fa9\u5176\u5728\u9801\u9762\u4e0a\u7684\u81ea\u7136\u4f4d\u7f6e\u3002<\/p>\n<h3 id=\"\">\u5411\u5de6\u98c4\u6d6e<\/h3>\n<p id=\"\">\u5c07\u5143\u7d20\u5411\u5de6\u6d6e\u52d5\u6703\u5c07\u5176\u5728\u7236\u5143\u7d20\u5167\u5411\u5de6\u5c0d\u9f4a\u3002\u9019\u4e5f\u6703\u5c07\u4efb\u4f55\u5143\u7d20\u5411\u53f3\u6216\u5411\u4e0b\u5c0d\u9f4a\uff0c\u76f4\u63a5\u8207\u8a72\u5143\u7d20\u76f8\u9130\uff0c\u9664\u975e\u5957\u7528\u4e86\u660e\u78ba\u7684\u8a2d\u5b9a\u3002<\/p>\n<h3 id=\"\">\u53f3\u6d6e\u52d5<\/h3>\n<p id=\"\">\u5c07\u5143\u7d20\u5411\u53f3\u6d6e\u52d5\u6703\u5c07\u5176\u8207\u7236\u5143\u7d20\u5167\u7684\u53f3\u5074\u5c0d\u9f4a\u3002\u9664\u975e\u8a2d\u5b9a\u4e86\u660e\u78ba\u7684\u5c6c\u6027\uff0c\u5426\u5247\u6d6e\u52d5\u5143\u7d20\u6b63\u4e0b\u65b9\u7684\u4efb\u4f55\u9577\u6bb5\u843d\u6216\u5bcc\u6587\u672c\u90fd\u6703\u74b0\u7e5e\u8a72\u5143\u7d20\u3002<\/p>\n<h2 id=\"\"><strong id=\"\">\u6e05\u6670\u7684\u914d\u7f6e<\/strong><\/h2>\n<p id=\"\">\u5728\u5143\u7d20\u4e0a\u555f\u7528\u6e05\u9664\u53ef\u78ba\u4fdd\u5b83\u4e0d\u6703\u74b0\u7e5e\u6d6e\u52d5\u5143\u7d20\u3002\u6b64\u8a2d\u5b9a\u53ef\u4ee5\u5728\u6d6e\u52d5\u5143\u7d20\u4e0b\u65b9\u5806\u758a\u7684\u4efb\u4f55\u5143\u7d20\u4e0a\u5be6\u73fe\uff0c\u4f46\u4e0d\u80fd\u61c9\u7528\u65bc\u6d6e\u52d5\u5143\u7d20\u672c\u8eab\u3002<\/p>\n<p id=\"\">\u8a2d\u5b9a\u4e86clear\u5c6c\u6027\u7684\u5143\u7d20\u4e0d\u6703\u6309\u7167\u6d6e\u52d5\u6240\u9700\u7684\u65b9\u5f0f\u5728\u6d6e\u52d5\u65c1\u908a\u5411\u4e0a\u79fb\u52d5\uff0c\u800c\u662f\u6703\u5411\u4e0b\u91cd\u65b0\u5b9a\u4f4d\u5230\u6d6e\u52d5\u4e0a\u65b9<\/p>\n<h3 id=\"\">\u6e05\u9664 \u7121<\/h3>\n<p id=\"\">Clear None \u4ee3\u8868\u5927\u591a\u6578\u5143\u7d20\u7684\u9810\u8a2d\u8a2d\u5b9a\u3002\u8a2d\u5b9a\u70ba\u300c\u6e05\u9664\u7121\u300d\u7684\u5143\u7d20\u5c07\u5728 document \u6d41\u4e2d\u7dca\u9130\u6216\u74b0\u7e5e\u5176\u4e0a\u65b9\u7684\u4efb\u4f55\u6d6e\u52d5\u5143\u7d20\u3002<\/p>\n<p id=\"\">\u5982\u679c\u5143\u7d20\u7e7c\u627f\u4e86\u6e05\u9664\u8a2d\u5b9a\uff08\u4f8b\u5982\u5f9e\u8f03\u5927\u7684\u65b7\u9ede\u7e7c\u627f\u7684\u6e05\u9664\u8a2d\u5b9a\uff09\uff0c\u60a8\u53ef\u4ee5\u900f\u904e\u5c07\u6e05\u9664\u8a2d\u5b9a\u70ba\u7121\u4f86\u6e05\u9664\u4efb\u4f55\u6d41\u884c\u7684\u6e05\u9664\u8a2d\u5b9a\u3002<\/p>\n<h3 id=\"\">\u6e05\u9664\u5de6\u5074<\/h3>\n<p id=\"\">Clear Left \u53ef\u9632\u6b62\u5143\u7d20\u74b0\u7e5e\u5de6\u6d6e\u52d5\u5143\u7d20\u3002<\/p>\n<h3 id=\"\">\u6e05\u9664\u53f3<\/h3>\n<p id=\"\">Clear Right \u7981\u6b62\u5143\u7d20\u74b0\u7e5e\u53f3\u6d6e\u52d5\u5143\u7d20\u3002<\/p>\n<h3 id=\"\">\u6e05\u9664\u5169\u8005<\/h3>\n<p id=\"\">\u6e05\u9664\u5169\u8005\u53ef\u9632\u6b62\u5143\u7d20\u74b0\u7e5e\u4efb\u4f55\u6d6e\u52d5\u5143\u7d20\uff0c\u7121\u8ad6\u5b83\u662f\u5411\u5de6\u6d6e\u52d5\u9084\u662f\u5411\u53f3\u6d6e\u52d5\u3002<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"\u81ea\u8a02\u5143\u7d20\u76f8\u5c0d\u65bc\u81ea\u8eab\u3001\u7236\u5143\u7d20\u6216\u540c\u7d1a\u5143\u7d20\u6216\u8996\u53e3\u7684\u4f4d\u7f6e\u3002","protected":false},"author":2,"featured_media":5944,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-5943","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/5943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/comments?post=5943"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/posts\/5943\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media\/5944"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/media?parent=5943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/categories?post=5943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/zh\/wp-json\/wp\/v2\/tags?post=5943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}