Html div类中图像的绝对定位

我们有以下div结构，其中我们希望在容器div中水平居中放置图像和文本。但是，图像是左对齐的，只有标题居中。您可以找到以下代码：

.QHeader{
位置：绝对位置；
利润上限：96px；
左边距：0px；
宽度：800px；
高度：415px；
背景图片：url（'../img/bg_blue_rect.png'）；
背景重复：无重复；
背景位置：左上；
}
#QHeaderImg01{
位置：绝对位置；
显示：块；
保证金：0自动；
边缘顶端：72px；
宽度：263px；
身高：221px；
背景色：#0F0；
}
.QHeaderTitle{
位置：绝对位置；
边缘顶部：324px；
左边距：0；
宽度：800px；
高度：自动；
文本对齐：居中；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：30px；
字体大小：粗体；
颜色：#000；
}

标题

只需更改

#QHeaderImg01 {
    position:absolute;
}

到

---

当然，去掉大边距顶部，只需去掉你的

位置：绝对或将其更改为
位置：相对，因为您不需要绝对定位来水平居中元素：


.QHeader{
宽度：800px；
高度：415px；
背景图片：url(http://placehold.it/800x415);
背景重复：无重复；
背景位置：左上；
}
#QHeaderImg01{
显示：块；
保证金：0自动；
宽度：263px；
身高：221px；
背景色：#0F0；
}
.QHeaderTitle{
边缘顶部：50px；
宽度：800px；
文本对齐：居中；
字体系列：Arial、Helvetica、无衬线字体；
字体大小：30px；
字体大小：粗体；
颜色：#000；
}

标题

div.container{
高度：10公分；
位置：相对}
货柜部{
保证金：0；
位置：绝对位置；
最高：50%；
左：50%；
保证金权利：-50%；
转换：翻译（-50%，-50%）；
}
显示图像{
显示：块；
左边距：自动；
右边距：自动；
}

居中！
您需要绝对定位所有内容吗？绝对定位使生活总体上变得困难，除非实际需要，否则应该避免。多亏了所有受访者，其他两个答案也让我得出了结果，但不幸的是，我只选择了一个答案作为解决方案。
#QHeaderImg01 {
    position:relative;
}