为什么“div”部分不在中心对齐？ 标题部分的锚，都在右边对齐。 页脚的内容在右侧对齐过大。 我对主部分进行了相同的尝试，但在这里不起作用。

顺晟科技：

只需将.div重写为:

* {margin: 0;
padding: 0;} 

.header {background-color:coral; height: 180px;}
.main {background-color:cadetblue; height:600px;}
.footer {background-color:aquamarine; height:100px}


#anchor {color:ghostwhite}

.div {border: 2px solid black; height: 350px; 
    background-color: rgb(193, 193, 218); 
    color: rgb(27, 23, 23); 
    width:1000px; }

虽然不需要div上的align=“center”属性，因为正如@rojo所说，align属性只集中文本。它不集中div。如果希望div中的文本居中，可以保留align=“center”属性。这里是代码使用这个小编辑的图片.

您必须使

* {margin: 0;
padding: 0;} 

.header {background-color:coral; height: 180px;}
.main {background-color:cadetblue; height:600px;}
.footer {background-color:aquamarine; height:100px}


#anchor {color:ghostwhite}

.div {border: 2px solid black; height: 350px; 
    background-color: rgb(193, 193, 218); 
    color: rgb(27, 23, 23); 
    width:1000px; }

或

* {margin: 0;
padding: 0;} 

.header {background-color:coral; height: 180px;}
.main {background-color:cadetblue; height:600px;}
.footer {background-color:aquamarine; height:100px}


#anchor {color:ghostwhite}

.div {border: 2px solid black; height: 350px; 
    background-color: rgb(193, 193, 218); 
    color: rgb(27, 23, 23); 
    width:1000px; }

在主中心居中。

祝你好运:)