如何 position 子元素使其一半高度與父元素的下一個兄弟元素重疊

Question

這是我的 CodePen，它展示了我得到的最接近的： https://codepen.io/will_beaumont/pen/QWmRvXW

如您所見，帶有拉丁文字的白框有一半的高度與標題為“我們的駕駛室”的部分重疊。 缺點是因為我使用的是position: relative在引號框上面有所有這些空格。 我知道我可以使用position: absolute ，但是我必須弄清楚如何使用 JavaScript 將父部分的高度設置為恰到好處。 如果我可以在沒有 JavaScript 的情況下做到這一點，那將是理想的，但我不明白這怎么可能。

Answer 1

我用修復更新了 CodePen。 我從“擁有超過 70 年的經驗......”這一行的底部邊距中減去了報價框高度的一半。