내 CSS '왼쪽' 속성이 내 자식 Div를 중심으로 설정되지 않는 이유는 무엇입니까?

CSS "왼쪽" 속성이 작동하지 않습니까?

" left: 50%" 속성을 사용하면 원하는 효과를 얻지 못할 수 있습니다. 이는 HTML 요소의 기본 위치 지정("정적") 때문일 수 있습니다. 이 기본 상태에서는 "왼쪽" 속성이 효과가 없습니다.

해결책: 절대 또는 상대 위치 지정

"왼쪽" 속성을 활성화하여 하위 div를 배치하려면 올바르게, 위치 속성을 "절대" 또는 "상대"로 설정해야 합니다. 이는 하위 div가 전체 문서가 아닌 포함된 요소를 기준으로 배치되어야 함을 브라우저에 알립니다.

업데이트된 CSS:

#inner {
    width: 400px;
    height: 300px;
    background-color: #090;
    position: absolute;
    left: 50%;
}

위치를 설정하여 속성을 "절대"로 설정하면 하위 div는 상위 div를 기준으로 위치가 지정되고 "왼쪽" 속성 50%는 왼쪽 테두리가 상위 div 내 정확히 중간에 위치하게 됩니다.

위 내용은 내 CSS '왼쪽' 속성이 내 자식 Div를 중심으로 설정되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!