包装浮子：中心不工作

Question

此问题已在此处得到解答 - Float: center doesn't work?

---

整个页面似乎漂浮在左侧。我做错了什么？任何帮助都会非常感激。

/*============================================================
 Wrapper
============================================================*/

#wrap {
width: 940px;
margin: 0px 0px auto 100px;
text-align: left;
float: cetner;

}



/*============================================================
 Header
============================================================*/

#header {
margin-bottom: 10px;
width: 940px;
}

#header.image h1 span {

display: none;
float: center; 
}

#header h1 {
font-size: 24px;
font-weight: normal;
line-height: 35px;
float: left; 
}

#header h1 span {
padding: 0px 0px 20px 10px;
}


/*============================================================
 Main Content Area
============================================================*/
#main {
float: left;
width: 960px;
margin: 0 5px 0 0;
}



/* Content -------------------------------------------------*/

#main-content {
float: center;
width: 960px;
padding: 0px;
background: #fff;
}

* html #main-content {
 width: 960px;
 w\idth: 960px;
  }

Answer 1

CSS中没有像float:center这样的东西。

请阅读：

• You can't float center

然后

• Faking float: center with Pseudo Elements

你可以原生使用的唯一花车是“左”，“右”，“无”和“继承”。