CSS 여백 및 패딩 비율이 높이 기준이 아닌 너비 기준인 이유는 무엇입니까?

CSS에서 여백/패딩 백분율이 너비에 상대적인 이유

질문:

여백 및 패딩 백분율이 왜 CSS의 패딩은 해당 블록이 아닌 포함 블록의 너비에 대해 계산됩니다. 높이?

답변:

정확한 이유를 설명하는 공식 문서는 없지만 계산할 때 CSS 상자 모델에 재귀 종속성이 발생할 가능성이 있다는 그럴듯한 설명이 있습니다. 높이를 백분율로 표시합니다.

padding-top 또는 padding-bottom이 10%로 설정된 요소를 상상해 보세요. 부모님 키. 이 패딩은 상위 요소의 높이에 영향을 미치며, 이는 하위 요소의 높이에 따라 달라집니다. 이로 인해 부정확한 높이 계산이나 무한 루프가 발생할 수 있는 루프가 생성됩니다.

이러한 순환 종속성을 피하기 위해 CSS 사양에서는 포함 블록의 너비에 대해 여백 및 패딩 비율을 계산하도록 지시합니다. 주기를 유지하고 일관된 레이아웃 계산을 보장합니다.

위 내용은 CSS 여백 및 패딩 비율이 높이 기준이 아닌 너비 기준인 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!