如何为空孩子设置风格？

Question

我有以下风格：

<style>
  #area {
    float: left;
  }
  #view {
    font-size: 130px;
  }
  #view * {
    margin-top: 0;
  }
</style>

以下内容

<textarea id="area" rows="60" cols="60"></textarea>
<div id="view"></div>

Javascript正在将文本从#area复制到#view，将其从markdown转换为html。如果有任何文字没有问题，我们会得到这个结果。

但是如果我们输入#或空格，我们会在浏览器栏和其他网站之间获得大的垂直空间：

我的问题是：

时如何将内容靠近浏览器栏

<div id="view"></div>

正在改为

<div id="view"><h1></h1></div>

完整代码显示在我的github。

示范地点：

  

http://176.31.191.131/stack_markdown_example/markdown_viewer/

如果您输入#，网站会创建大的垂直空间。