CSS在计算父元素高度时忽略子元素的尺寸

Question

我有一个容器元素，它根据子节点自动调整大小，同时保持其指定的填充和边距值。 如果我调整子元素的尺寸，则父级调整大小。 我希望从此大小调整过程中排除特定的子元素。

以下代码段说明了问题：

#div1 {
background-color: red;
  padding: 15px;

}
#button1 {
  vertical-align: super;
  height: 30px;
}

使用以下CSS：

#div1

这也是plunker。

我希望#button1的高度不受{{1}}位置的影响。