개발은 하는건가..

[css] position absolute 레이어 중앙 정렬 본문

Web (js, css, html)

[css] position absolute 레이어 중앙 정렬

수동애비 2023. 4. 24. 16:09
반응형

레이어로 최상위에 존재하는 element 의 정렬 시 left 또는 top 을 50% 로 설정하고 magin 값으  - 마이너스로 element 크기의 1/2 로 지정하여 중앙에 위치하도록 한다.

#divLayer {
    position:absolute;
    z-index:1;
    overflow:hidden;    
    left:50%;
    top:10px;
    width:400px;
    margin-left:-200px;    
    border-radius:6px;
    background-color:rgba(255, 255, 255, 0.8);
}

 

Comments