[Html/CSS]Position: absolute breaks margin-left: auto

질문

container에서 margin-left : auto 및 display : flex를 사용하여 내 탐색 오른쪽에 햄버거 메뉴를 배치하려고합니다. nav position : absolute를 주면 중단됩니다. 내가 무엇을해야 하나?

HTML

<section class="nav">
    <div class="nav-items">
        <a href=""><h2 class="logo">logo</h2></a>
        <div class="hamburger">
            <div class="hamburger-lines"></div>
        </div>
    </div>
</section>

CSS

.nav {
    position: absolute;
}
.nav-items {
    display: flex;
}
.hamburger {
    margin-left: auto;
}

 

답변1

 

.nav {
    position: absolute;
    width: 100%;
}

 

 

 

 

출처 : https://stackoverflow.com/questions/63206688/position-absolute-breaks-margin-left-auto