{"id":2269,"date":"2025-11-19T13:45:04","date_gmt":"2025-11-19T05:45:04","guid":{"rendered":"https:\/\/womeifei.cn\/?p=2269"},"modified":"2025-11-19T13:48:30","modified_gmt":"2025-11-19T05:48:30","slug":"css%e5%ae%9e%e7%8e%b0%e9%ab%98%e5%ba%a6%e7%94%b10%e5%88%b0auto%e7%9a%84%e8%bf%87%e6%b8%a1","status":"publish","type":"post","link":"https:\/\/womeifei.cn\/index.php\/2025\/11\/19\/css%e5%ae%9e%e7%8e%b0%e9%ab%98%e5%ba%a6%e7%94%b10%e5%88%b0auto%e7%9a%84%e8%bf%87%e6%b8%a1\/","title":{"rendered":"CSS\u5b9e\u73b0\u9ad8\u5ea6\u75310\u5230auto\u7684\u8fc7\u6e21"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u8fc7\u6e21\u6548\u679c\u53ea\u80fd\u9488\u5bf9\u6570\u503c\u7c7b\u7684\u5c5e\u6027\u503c\u6709\u6548 \u6240\u4ee5\u5982\u4e0b\u56feCSS\u662f\u65e0\u6548\u7684<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/womeifei.cn\/wp-content\/uploads\/2025\/11\/image-6.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"363\" height=\"209\" data-original=\"https:\/\/womeifei.cn\/wp-content\/uploads\/2025\/11\/image-6.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-2270\"  sizes=\"auto, (max-width: 363px) 100vw, 363px\" \/><\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u8fd9\u4e2a\u535a\u5ba2\u5199\u7684\u5f88\u6e05\u695a \u89e3\u51b3\u4e86\u4e00\u4e2a\u5c0f\u56f0\u6270<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/keithjgrant.com\/posts\/2023\/04\/transitioning-to-height-auto\">https:\/\/keithjgrant.com\/posts\/2023\/04\/transitioning-to-height-auto<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u4f7f\u7528max-height\u5c5e\u6027\u6548\u679c\u5f88\u4e0d\u4e1d\u6ed1  \u8fd9\u91cc\u4f7f\u7528gird-template-rows\u5c31\u53ef\u4ee5\u4e86 \u5341\u5206\u4e1d\u6ed1<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6211\u628a\u8fd9\u4e2a\u7528\u5230\u4e86\u6211\u7684\u4e2a\u4eba\u7b80\u5386\u9875\u9762\u4e2d \u611f\u89c9\u4e0d\u9519!!!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/womeifei.cn\/wp-content\/uploads\/2025\/11\/image-10-1024x931.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"931\" data-original=\"https:\/\/womeifei.cn\/wp-content\/uploads\/2025\/11\/image-10-1024x931.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-2276\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u6838\u5fc3\u4ee3\u7801 \u89c1\u94fe\u63a5 <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u9700\u8981\u6ce8\u610f\u7684\u5c31\u662f\u8981\u628a\u5b50\u5143\u7d20\u653e\u5728\u4e00\u4e2adiv\u91cc\u9762<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/womeifei.cn\/wp-content\/uploads\/2025\/11\/image-8.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"537\" height=\"134\" data-original=\"https:\/\/womeifei.cn\/wp-content\/uploads\/2025\/11\/image-8.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-2274\"  sizes=\"auto, (max-width: 537px) 100vw, 537px\" \/><\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u91cc\u9762\u7684div \u5bf9\u5e94\u7684\u5185\u5bb9\u5982\u4e0b<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><div class='fancybox-wrapper lazyload-container-unload' data-fancybox='post-images' href='https:\/\/womeifei.cn\/wp-content\/uploads\/2025\/11\/image-9-1024x504.png'><img class=\"lazyload lazyload-style-1\" src=\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\"  loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" data-original=\"https:\/\/womeifei.cn\/wp-content\/uploads\/2025\/11\/image-9-1024x504.png\" src=\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB\/AAffA0nNPuCLAAAAAElFTkSuQmCC\" alt=\"\" class=\"wp-image-2275\"  sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>\u8fc7\u6e21\u6548\u679c\u53ea\u80fd\u9488\u5bf9\u6570\u503c\u7c7b\u7684\u5c5e\u6027\u503c\u6709\u6548 \u6240\u4ee5\u5982\u4e0b\u56feCSS\u662f\u65e0\u6548\u7684 \u8fd9\u4e2a\u535a\u5ba2\u5199\u7684\u5f88\u6e05\u695a \u89e3\u51b3\u4e86\u4e00\u4e2a\u5c0f\u56f0\u6270 https [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,1],"tags":[],"class_list":["post-2269","post","type-post","status-publish","format-standard","hentry","category-html5css3-","category-1"],"_links":{"self":[{"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/posts\/2269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/comments?post=2269"}],"version-history":[{"count":2,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/posts\/2269\/revisions"}],"predecessor-version":[{"id":2277,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/posts\/2269\/revisions\/2277"}],"wp:attachment":[{"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/media?parent=2269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/categories?post=2269"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/womeifei.cn\/index.php\/wp-json\/wp\/v2\/tags?post=2269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}