css – 流入的兄弟姐妹之间的权利空白

这就是让我在晚上哭泣的原因.人们希望CSS有一个指令边缘崩溃：无;但唉,这是我的想象.

你如何让两个流入的兄弟姐妹不崩溃？

我试过溢出：隐藏,清除：两者,边框：1px纯白色在元素上并生成元素之前,没有任何作用.

这是the example. H2从流程中移除,看起来很漂亮,而不是崩溃,而H3坐在那里与其前任无论如何都会崩溃.现在,边缘折叠使得H2和H3的垂直对齐以连贯的方式独立于前面的元素,是不可能的.

约束：无法添加HTML标记,因为内容是通过Markdown生成的.

这可以解决吗？

编辑：事实上,这里的目标是让h2和他们的第一个h3达到相同的高度.

一解决方案

在您的特定情况下,似乎您不一定需要将h2从流中取出,而是将其设置为position：relative,因为您需要it should achieve the effect.

但是,这并没有真正解决您的保证金崩溃问题.

另一种方案

如果你设置h2之后的h3来显示：inline-block,使用…

h2+h3 {display: inline-block;}

…然后it resolves your collapsing issue,假设您没有内联elements immediately following h3标签.您似乎计划在块级别p标签中包含任何后续文本,因此这不应成为问题.