Html 带边框的Div，拉伸以填充Div的高度'；里面是什么

我想做的是让这个边框环绕#main的整个部分，包括菜单和文本。我一辈子都想不出如何让它伸展以适应它的内容。这是密码

#徽标{
位置：绝对位置；
顶部：0px；
左：0；
z指数：1；
宽度：850px；
左：50%；
左边距：-425px；
}
#主要{
位置：绝对位置；
顶部：5px；
左：50%；
左边距：-420px；
宽度：840px；
填充物：5px；
边框样式：实心；
边框颜色：#a8347b；
边界半径：10px；
边框：4px实心#a8347b；
z指数：0；
}

你能添加一些屏幕截图吗？这里有很多CSS，还不完全清楚要通过它实现什么。你可以发布一个截图或模拟图片，说明你的最终目标是什么（你到底希望它看起来像什么）？如果我删除所有CSS并只添加

#main{填充：5px；边框半径：10px；边框：4px solid#a8347b；}

我会得到与您描述的效果类似的效果。然后，您可以为其他元素添加所需的CSS规则。很抱歉造成混淆。我添加了两个从上到下的垂直div，而不是边框。