- [CSS] %가 기준으로 삼는 것2024년 04월 15일
- KIMJAVAN
- 작성자
- 2024.04.15.:27
728x90- 너비와 높이 (width and height): 요소의 너비(width)나 높이(height)를 설정할 때 % 단위는 부모 요소의 너비나 높이를 기준으로 합니다. 예를 들어, 부모 요소의 너비가 500px일 때 자식 요소의 너비를 50%로 설정하면, 그 자식 요소의 너비는 250px이 됩니다.
- 패딩과 마진 (padding and margin): 패딩(padding)이나 마진(margin)을 백분율로 설정할 경우, 이는 해당 요소의 부모 요소의 너비를 기준으로 계산됩니다. 예를 들어, 부모의 너비가 600px이고, 자식 요소의 마진을 10%로 설정하면, 그 마진은 60px이 됩니다.
- 위치 (position): 요소의 위치를 %로 지정하면, 이는 위치의 기준점(예를 들어 position: relative의 부모 요소, position: absolute의 가장 가까운 위치 지정 조상 요소)의 크기를 기반으로 계산됩니다.
'마크업 언어 > CSS' 카테고리의 다른 글
[CSS] text rainbow 효과 (0) 2024.04.24 [CSS] style 에 변수선언 (inline css) (0) 2024.04.22 [CSS] input[type=file] 에서 파일찾기 커스텀하는 법 (0) 2024.02.02 [CSS] fixed / relative 선언 z-index 차이 (0) 2024.01.24 [CSS] 무한히 흐르는 텍스트 (0) 2023.10.06 다음글이전글이전 글이 없습니다.댓글
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)