CSS 对齐框

Question

我有一个包含 3 列内容的页脚。当前 css 使用 float:left。我尝试了以下方法，但我无法让它垂直和水平对齐。

• 显示 block
• 内联显示 block
• margin :0 自动

HTML:

<div id="footer">
  <div class="column">
    <h3>Information</h3>
    <ul>
            <li><a href="">Delivery Information</a></li>
            <li><a href="">Privacy Policy</a></li>
            <li><a href="">Terms &amp; Conditions</a></li>
          </ul>
  </div>
</div>

CSS:

#footer .column {
    float:left;
    width: 25%;
    min-height: 100px;
}

Answer 1

您应该使用绝对位置的容器 div，#footer 应该有相对位置。下面是解决代码 http://jsfiddle.net/7Pcag/1/

或更简单的解决方案 http://jsfiddle.net/7Pcag/5/