当代码块存储多行代码时，代码块会遮挡图片元素

[HtnrxUNc]

请注意！上传到 typecho 的格式并非 Markdown 格式，而是将 Markdown 转为 Html 之后上传到 typecho

1. 该问题的重现步骤是什么？

添加代码块，并将代码块中的行数添加至 24 行，然后在代码块后紧跟 Markdown 语法的图片。然后将此 Markdown 文件转为 Html 格式上传到 typecho
可以参考此文件

Test.md

2. 你期待的结果是什么？实际看到的又是什么？

这是当前所遇见的结果

代码块中行数越多，会遮挡图片更多的面积

这是我期望的结果

请注意，这是我本地使用 Chrome 打开该 Html 后的结果

3. 问题出现的环境

• 操作系统版本：Ubuntu
• Apache/NGINX 版本：Nginx 1.21.4
• 数据库版本：MySQL 5.6.50
• PHP 版本：PHP-7.4
• Typecho 版本：Typecho 1.2.0
• 浏览器版本：目前通过 Android 、Windows 版本的 Chrome 、Firefox 各个版本均实现该情况

请注意，该情况只会重现在编写文章时的 预览文章 和发布文章后的查看该文章。当编写文章时，点击 撰写 旁的 预览 不会重现该 BUG

[HtnrxUNc]

更新：当代码块更长时，不止会遮挡当前文章的图片，还会遮挡其他文章

[joyqi]

你用的是默认主题么，这看起来是一个css设置不当引起的问题

[HtnrxUNc]

你用的是默认主题么，这看起来是一个css设置不当引起的问题

是的，这是默认的主题，我没有设置和改变任何有关主题的设定。
我是否应当到该主题的项目中提出 issue

[joyqi]

我测试出来并没有这种情况，而且从你的截图看，并不是默认主题的样式

[HtnrxUNc]

我测试出来并没有这种情况，而且从你的截图看，并不是默认主题的样式

你好，先生/女士
感谢您的回复

我尝试再次搭建了一个纯净的 typecho ，并且重复了步骤，这是我获得的效果图

同样是 v1.2.0 版本，我目前不知到什么原因导致重现出现问题。
所以我目前猜测，这是否可能与我们之间的 PHP 和 Nginx 设置不同导致的？
因为目前我使用的是 typecho.org 中下载的 v1.2.0正式版，所以站点的变量都已经被控制，而可能造成不同的变量，我目前只能想到是 PHP 和 Nginx 的设置不同，或者我使用了Cloudflare 导致。
之后我会尝试在其他设备中再次搭建 typecho 并且不再使用 Cloudflare。
我将会在之后更新消息

[HtnrxUNc]

我测试出来并没有这种情况，而且从你的截图看，并不是默认主题的样式

先生/女士，您好

这是我在其他设备上重新搭建 typecho 之后再次复现的情况

您复现该问题时是否是将文章以 html 格式上传到 typecho 并发布？
因为该问题的重现，需要在文章以 html 的格式下发布才会重现。
这是否可能是因为 typora 导出的 html 格式与 typecho 冲突？（该问题之后我会尝试测试）
我是否需要发布我的 Nginx 和 PHP 等配置文件以帮助检查到问题？

[fenbox]

@HtnrxUNc 应该是因为“typora 导出的 html 格式与 typecho 冲突”造成，建议你直接以 markdown 方式发布。