如何在“post_1”后添加自定义HTML（第二部分）

[Don]

你好，

你需要使用一些 CSS 来实现这个效果。

在“通用（CSS）”的移动端和桌面端视图中，为图片添加 100% 宽度。

#custom-ad {
  .custom-ad-link {
    img {
      width: 100%;
    }
  }
}

---

在“桌面端（CSS）”视图中，为 #custom-ad ID 添加最大宽度，使横幅宽度与主题头像 + 主题正文的宽度一致。这将等于我们上面在通用设置中为图片添加的 100% 宽度。

#custom-ad {
  max-width: calc(45px + 690px + (11px * 2));
}

45px = 主题头像宽度
690px + (11px * 2) = 主题正文宽度，以及 .cooked 类使用的左侧 11px 和右侧 11px 内边距。

效果将如下所示

桌面端视图（完整）

---

桌面端视图（响应式）

---

移动端视图