集中浮动元素

Question

我的“div”元素有一个相对宽度，它不是绝对的，所以我不能使用确切的数字来集中。一个很好的解决方案是使用“display：inline-block”：

body {
    text-align: center;
}

#myDiv {
    border: 1px solid black;
    display: inline-block;
    padding: 50px;
}

但是这个元素需要浮动，我试过这个：

#myDiv {
    border: 1px solid black;
    display: inline-block;
    float: left;
    padding: 50px;
}

而且：

#myDiv {
    border: 1px solid black;
    display: inline-block;
    padding: 50px;
    position: absolute;
}

没有任何成功，有人可以帮助我吗？

由于

Answer 1

#myDiv {
    margin: 0 auto;
}

Answer 2

您可以使用此css中心任何块元素：

margin:auto;
width: some fixed value;

S元素需要有固定的宽度，以便像这样居中。