시멘틱 태그떄 css를 이런식으로 작성 하였는데 결과물이 이렇습니다 왜이러죠? 코드:.container{
border: 1px solid gray;
width: 1200px;
margin: auto;
}
header {
background-color: skyblue;
overflow: hidden;
}
header article{
background-color: slateblue;
width: 300px;
height: 100px;
}
.hc1{
float: left;
}
.hc2{
float: right;
}
.section1{
background-color: greenyellow;
height: 300px;
}
.section2{
}
.section2 article{}
.section2 .s2a1{}
.section2 .s2a2{}
.section2 .s2a3{}
footer{}