Margin:0 자동이 설정되어 있는데 왜 중앙에 위치할 수 없나요?
<!DOCTYPE html>
<html>
<head>
<meta charset ="UTF-8">
<title>1. title>
<!--Style-->
<style type="text/css">
.container{
max-width: 960px;<!--최대 너비 설정 ~ 960px- ->
margin:0 auto;<!--내부 블록 요소를 가로 중앙에 설정-->
}
.header{
height:50px;
background-color :#21ff80;
}
.main{
높이:600px;
배경색상:#80007f;
}
.footer{
높이:100px;
배경색상:#21ff80;
}
</style> 페이지의 헤드, 바디, 하단을 모두 컨테이너에 넣고 균일하게 설정합니다<br>
2. 컨테이너의 하위 블록은 높이만 설정하면 됩니다
</html>
