인프런 커뮤니티 질문&답변

header h1{width: 200px; height: 40px; margin: 30px 0;}
header .gnb {width: 180px; height: 200px; margin: 0 auto; background: #0660da;}
header .gnb li{height: 50px; line-height: 50px; text-align: center; font-size: 20px;}
header .gnb li .lnb{width: 0px; position: absolute; transition: 0.3s; height: 50px; background: rgba(0,188,228,0.9); left: 190px; top: 100px; overflow: hidden; z-index: 10;}
header .gnb li:hover{background: #0c4ba0;}
header .gnb li a{color: #fff; display: block;}
header .gnb:hover li .lnb{width: calc(100% - 190px); }

header .gnb li .lnb li{float: left; font-size: 18px;}
header .gnb li .lnb li a{padding: 0 20px;}
header .gnb li:nth-child(2) .lnb{top: 150px;}
header .gnb li:nth-child(3) .lnb{top: 200px;}
header .gnb li:nth-child(4) .lnb{top: 250px;}

position relative는 안적었는데 그럼 부모기준으로 .gnb li가 부모로 자동지정되는건가요? 참고로 D3 유형입니다.