Margin:0 ist automatisch eingestellt; warum kann es nicht zentriert werden?
<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">
<title>1. Einspaltiges Layout mit gleicher Breite</ title>
<!--Style-->
<style type="text/css">
.container{
max-width: 960px;<!--Legen Sie die maximale Breite fest auf 960px- ->
margin:0 auto;<!--Stellt das innere Blockelement so ein, dass es horizontal zentriert ist-->
}
.header{
height:50px;
background-color :#21ff80;
.}
.main{
height:600px;
background-color:#80007f;
}
.footer{
height:100px;
background-color:#21ff8 0;
}
</style> Der Kopf, der Körper und das Ende der Seite werden alle in einem Container platziert und einheitlich festgelegt<br>
2. Die Unterblöcke im Container müssen nur die Höhe festlegen
</html>
