Html 带左侧浮动的垂直所有纵切面

我想使“side-area”div与“single-post”div垂直对齐。我在两个div上都使用float:left。不要在“侧边区域”中使用边距或填充，因为收割台高度可能会变大，侧边div应该调整以适应这种情况。 我该怎么做

。通用内容{
最大宽度：1125px；
右边距：自动；
左边距：自动；
}
.单页夹{
背景色：#2f；
边框：1px实心rgba（255,255,255,0.02）；
宽度：75%；
浮动：左；
}
.侧面区域{
宽度：25%；
浮动：左；
}
1.柱头{
宽度：100%；
左边距：10px；
边缘顶部：10px；
填充顶部：18px；
右边填充：20px；
左侧填充：20px；
}
.单一邮寄日期{
边际上限：0；
}
.单柱{
最大宽度：1100px；
左边距：10px；
右边距：10px；
填充：18px 20px；
}

长期以来，读者会因为阅读而分心，这是一个既定的事实
网页编辑器现在使用Lorem Ipsum作为默认模型文本，并搜索
“lorem ipsum”将揭示许多网站在过去十年中的演变