Html 如何在页面容器中居中放置frame div

您好，我有一个关于在父div中居中帧div的问题。 我想把框架放在页面的中心，宽度是70%，但我就是做不到。我想框架内的父div包装和包装内的主包装，这是70%宽的div包装

请帮忙：）

html{
背景色：#EEE；
字体系列：“Lato”、Calibri、Arial、无衬线字体；
字体大小：16px；
颜色：#888；}
身体{
位置：绝对位置；
宽度：100%；
边际：0px；
填充：0px；
}
#主包装{
最小高度：100%；
位置：绝对位置；
右：0；
左：0；
保证金：0自动；
填充：0；
宽度：70%；/*页面宽度*/
背景色：#39f；
边框：1px实心#9595；
}
#包裹{
位置：相对位置；
显示：块；
保证金：0自动；
边框：1px纯红；
}
.框架{
宽度：100%；
高度：300px；
位置：相对位置；
浮动：左；
背景色：#fff；
显示：块；
边框：1px实心#9595；
边界半径：4px；
文本对齐：居中；
利润率：2%；
}	
.a帧{
显示：块；
宽度：100%；
身高：100%；
颜色：#333；
}		
.帧a：悬停{
显示：块；
颜色：#FFF；
}
.头衔{
显示：块；
位置：绝对位置；
溢出：隐藏；
排名：0；
背景色：#ccc；
填充：3px0；
宽度：100%；
高度：自动；
边框底部：1px实心#959595；}
分区价格{
显示：块；
位置：绝对位置；
底部：1px；
右：0；
高度：1.6em；
宽度：3em；
背景色：#33CCFF；
边界半径：5px；
边框：2倍实心#FFF；
颜色：#FFF；
字体大小：1.2米；
字体大小：粗体；
文本对齐：居中；
}

50

从

.frame

中删除

宽度和浮动

，然后像这样尝试：

.frame {
    height:300px;
    position:relative;
    background-color:#fff;
    display:block;
    border:1px solid #959595;
    border-radius:4px;
    text-align:center;
    margin:2%;
}

---

应用宽度：96%；应用宽度：100%+2%裕度=总104%