html - Div 应该居中但不是？

Question

在 HTML 和 CSS 中一切看起来都很好，所以有问题的 div 应该在页面上居中。我在下面包含了一些代码片段，但真正的代码可以在这里找到:http://jsfiddle.net/stbx08mk/

底部的 test-div 应该在 1024 区域居中，但事实并非如此。为什么不呢？

#page-wrapper {
  background-color: white;
  margin: 0 auto;
  overflow: auto;
  padding: 0;
  width: 1024px;
}

#test-div {
  background-color: orange;
  float: left;
  height: 100px;
  margin: 0 auto;
  width: 800px;
}

Answer 1

根据您的 fiddle ，您需要将#test-div 样式调整为float: none; 和clear: both;

#test-div {
  background-color: orange;
  clear: both;
  float: none;
  height: 100px;
  margin: 0 auto;
  width: 800px;
}

Your JSFiddle Updated