相关疑难解决方法(0)

我知道margin: 0 auto;元素上的设置用于居中(左 - 右).但是,我知道元素及其父元素必须满足某些标准才能使自动边距起作用,而我似乎永远无法获得正确的魔力.

所以我的问题很简单:必须在元素及其父元素上设置什么CSS属性才能让margin: 0 auto;孩子左右中心？

我有一个div,希望它能够水平居中 - 虽然我给它margin:0 auto;它没有居中......

.container {
    position: absolute;
    top: 15px;
    z-index: 2;
    width:40%;
    max-width: 960px;
    min-width: 600px;
    height: 60px;
    overflow: hidden;
    background: #fff; 
    margin:0 auto;
}

假设您将以下css应用于div标签

.divtagABS {
    position: absolute;
    margin-left: auto;  
    margin-right:auto;
 }

margin-left和margin-right不生效

但如果你有亲戚,那就行了

,divtagREL {
position: relative;
margin-left: auto;  
 margin-right:auto;
}

这是为什么？我只是想要一个元素

有人可以解释为什么在绝对位置设置自动保证金不起作用吗？

我正在尝试在元素的边框上叠加一个图标.我目前的解决方案涉及绝对定位 我可以通过使用像left: 40%我这样的东西来尽可能地靠近中心,但是一旦我调整窗口大小,它就会移出中心.

这是一个JSFiddle,展示了到目前为止我所拥有的东西.您会看到,如果您调整窗口大小,图标会移出中心.https://jsfiddle.net/83on2jr9/

有更简单的方法吗？