Html 留出与标题和文章部分相同的高度

旁白只延伸到文章的高度。我如何让它一直延伸到包括页眉在内的部分顶部

部分{
边框样式：插图；
边框颜色：#ffe4d1；
}
文章{
宽度：70%；
显示：内联块；
宽度：48em；
}
旁白{
显示：内联块；
宽度：12em；
身高：100%；
}
img{
身高：100%；
}

是什么
正文

正文

您可以这样使用：

部分{
显示：网格；
网格模板列：70%自动；
}
h3{
网格柱：1；
网格行：1；
背景色：rgba（0,0,128,15）；
保证金：0；
}
文章{
网格柱：1；
网格行：2；
背景色：rgba（0,128,0,15）；
}
旁白{
网格柱：2；
网格行：跨度2；
背景色：rgba（128,0,0,15）；
}

h3
文章
段落

段落

在一边