css-包装器定位问题

我有一个包含几个div的包装。我想这个包装水平居中，我想这个包装包装的所有内容（高度自动）。在下面的“附加”JSFIDLE模板中，您将看到包装器包装了所有内容，但没有水平居中。如果我从包装器中移除float属性，它将水平居中，但包装器不再包装其内容。希望有人能帮我把这两件东西都包好。提前感谢您的回复。干杯马克

我的HTML：

<div id="wrapper">
    <div id="column1" class="column">
        <div id="contentOne" class="content">contentOne</div>
        <div id="contentTwo" class="content">contentTwo</div>
    </div>
    <div id="column2" class="column">
        <div id="contentThree" class="content">contentThree</div>
    </div>
</div>

​ ​

将您的

#包装器
CSS更改为：

#wrapper {
    margin:10px auto;
    width:430px;
    height:auto;
    border:2px solid blue;
    overflow:hidden;
}

更新的JSFIDLE:
几天前我也有同样的问题
我用过：

在包装css和它的工作对我有好处。试试看

#wrapper {
    margin:10px auto;
    width:430px;
    height:auto;
    border:2px solid blue;
    overflow:hidden;
}

top: 50%;  position: absolute;