以相对分为中心

Question

尝试了一些事情（margin-auto，text align：center等）来居中这个相对div - 这是我的响应式布局中的标题，没有运气。还有其他尝试方法吗？

问题是在页面扩展/收缩时将其保持在中心

它的CSS属性是

#header {
    height: 170px;
    width: 100%;
    overflow: visible;
    padding: 10px;
    margin-bottom: 7px;
    position: relative;
    z-index: 99;
}

Answer 1

当div的父宽度为100％时，div如何以视觉方式居中？

看看这个小提琴：https://jsfiddle.net/w6332ytc/

<强> HTML：

<div class="wrapper">
    <div class="inner">
        Content
    </div>
</div>

<强> CSS：

.wrapper {
    width: 100%;
    background: #000;
    height: 300px;
}
.inner {
    width: 50%;
    background: red;
    margin: 0 auto;
}