From 420434aacffc52403941ca7a5f3463c5ba44eb72 Mon Sep 17 00:00:00 2001 From: laoyang Date: Sun, 25 Oct 2026 10:13:44 +0800 Subject: [PATCH] =?UTF-8?q?3.2.28:=20=E4=BF=AE=E5=90=8E=E5=8F=B0=E8=AE=BE?= =?UTF-8?q?=E7=BD=AE=E9=A1=B5=E7=AC=AC=E4=B8=80=E4=B8=AA=E9=85=8D=E7=BD=AE?= =?UTF-8?q?=E9=A1=B9=E5=90=8E=E9=9D=A2=E7=9A=84=E5=A4=A7=E5=9D=97=E7=A9=BA?= =?UTF-8?q?=E7=99=BD=EF=BC=88.section=20=E5=BB=BA=E7=8B=AC=E7=AB=8B=20BFC?= =?UTF-8?q?=EF=BC=8C=E4=B8=8D=E5=86=8D=E8=A2=AB=E5=B7=A6=E4=BE=A7=E6=B5=AE?= =?UTF-8?q?=E5=8A=A8=E6=A0=87=E7=AD=BE=E5=88=97=E7=9A=84=20clear:both=20?= =?UTF-8?q?=E6=8B=89=E9=95=BF=E5=88=B0=E6=A0=87=E7=AD=BE=E5=88=97=E7=AD=89?= =?UTF-8?q?=E9=AB=98=EF=BC=9B=E7=9C=9F=E5=AE=9E=E6=B8=B2=E6=9F=93=E5=AE=9E?= =?UTF-8?q?=E6=B5=8B=20405px=E2=86=9293px=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../css/optionsframework.css | 23 +++++++++++++++++-- style.css | 2 +- 2 files changed, 22 insertions(+), 3 deletions(-) diff --git a/inc/options-framework/css/optionsframework.css b/inc/options-framework/css/optionsframework.css index ac0412f..4f5be59 100644 --- a/inc/options-framework/css/optionsframework.css +++ b/inc/options-framework/css/optionsframework.css @@ -459,15 +459,34 @@ } /* 2. 区块间距与分隔：原来 10px 的内边距太挤，项与项之间没有分界。 - * 3.2.26 调整：16/8 → 14/12，并清掉 h4 标题的 WP 默认 margin（见下） */ + * 3.2.26 调整：16/8 → 14/12，并清掉 h4 标题的 WP 默认 margin（见下） + * + * 3.2.28：这里补上了 `display: flow-root` —— 本次真正的根因修复。 + * + * 3.2.24 把标签列改成 float:left（宽 190px；标签多了以后整列约 400px 高）， + * 而框架原本给 .section 留了 ::after{clear:both} 来清除内部浮动的 + * .controls / .explain。问题在于 clear 的作用范围以**最近的 BFC** 为界： + * .section 只是普通块盒、不建 BFC，于是它末尾那个清除元素被要求避开 + * **左侧整个浮动标签列**，把第一个配置项的下边界一直撑到标签列底部 + * （实测 section 高 405px，而内容只占 43px）。 + * + * 这也解释了 3.2.26 只收编 h4 的 margin 为什么完全无效 —— 多出来的不是 + * 间距，是 section 自身的高度；空白也只出现在第一个配置项之后，因为后面 + * 的 section 起点已经越过标签列底部，clear 不再起作用。 + * + * 修法：让 .section 建立自己的 BFC，内部的清除就只在自身范围内生效。 + * 不能用 overflow:hidden —— 那会把颜色选择器的弹出层裁掉。 + * 原有的 ::after{clear:both}（见上面 .section:after）保留， + * 作为极老浏览器不支持 flow-root 时的兜底。 */ #optionsframework .section { + display: flow-root; padding: 14px 18px 12px; border-bottom: 1px solid #f6f7f7; } /* 3.2.26：配置项标题（h4.heading）继承 WP 后台 common.css 的 * 上下 margin ≈17px，与 section 的 padding 叠加后，相邻两个配置项 - * 之间出现约 42px 的空白（8+16+17.3）。标题的内距统一由本条控制： + * 之间多出约 34px 的空隙（上下各 17px）。标题的内距统一由本条控制： * 上边距清零（section 的 padding-top 负责），下边距 10px 压住控件。 */ #optionsframework .section > .heading { margin: 0 0 10px; diff --git a/style.css b/style.css index cc9c67b..71e1c2c 100644 --- a/style.css +++ b/style.css @@ -1,7 +1,7 @@ /* Theme Name: Kratos_Yang Text Domain: kratos_Yang -Version: 3.2.27 +Version: 3.2.28 Requires PHP: 7.0 Description: 这是一个Kratos主题的分支版本，用来增加一些定制化功能。 Tags: 博客, 双栏, 响应式, 自定义背景, 自定义颜色, 自定义图标, 自定义菜单, 特色图像, 收录优化, 邮件中心, 主题选项, 小工具, 文章置顶, 无障碍友好