向div添加标题（或任何元素）会将div向下移动大约500px

Question

不能把头包住。不会以较小的分辨率发生。  我问的问题是如何防止这种情况发生。

实施例

https://jsfiddle.net/eddietal2/qgLvsx2v/

CSS：

 .svg-wrapper {
  width: 300px;
  height: 400px;
  background-color: white;
  margin: 25px 25px 120px 25px;
  display: inline-block;
  position: relative;
  z-index: -99;
}

HTML

<div class="svg-wrapper">
        <h1>Hello</h1>  // Element that causes all the problems. 
        <div class="caption">
          <h2>Day 1</h2>
        </div>
      </div>

Answer 1

由于显示设置为内嵌块，因此行为正常。答案是补充道：

vertical-align: top;

非常简单。