균형이 맞지 않은 너비로 DIV의 왼쪽과 오른쪽 여백을 항상 1REM으로 유지하는 방법?

웹 페이지 레이아웃 기술 : 불확실한 div 1m의 왼쪽과 오른쪽 여백을 유지하십시오.

웹 디자인에서는 DIV 요소의 왼쪽과 오른쪽 여백을 항상 1REM으로 유지하는 것이 일반적인 문제입니다. 직접 사용 백분율은 화면 크기의 변화로 인해 마진이 변경되므로 이상적인 솔루션이 아닙니다. 이 기사는 백분율이 필요하지 않은 효과적인 방법을 제공합니다.

질문 : 왼쪽과 오른쪽 여백을 화면 크기의 영향을받지 않고 너비 적응 형 DIV에서 항상 1REM에 유지하는 방법은 무엇입니까?

솔루션 : rem 장치를 사용하여 margin-left 및 margin-right 속성을 설정하십시오. rem 장치는 HTML 루트 요소의 글꼴 크기에 상대적입니다. 루트 요소의 글꼴 크기가 고정되어있는 한 rem 값은 변하지 않습니다.

다음 CSS 코드를 구현할 수 있습니다.

 div {
  마진 왼쪽 : 1rem;
  마진 오른쪽 : 1rem;
  배경색 : 파란색; /* 선택 사항, 효과의 시청을 용이하게하는 데 사용*/
}

이 코드는 DIV 요소의 왼쪽 및 오른쪽 여백을 1REM으로 설정합니다. DIV 폭이 어떻게 변하는 지에 관계없이 여백은 동일하게 유지됩니다. background-color: blue; 데모 효과에만 사용되며 실제 응용 프로그램에서 삭제할 수 있습니다.

이 방법을 통해 적응성 너비와 고정 된 왼쪽 및 오른쪽 여백을 가진 DIV 레이아웃을 쉽게 달성 할 수 있습니다.

위 내용은 균형이 맞지 않은 너비로 DIV의 왼쪽과 오른쪽 여백을 항상 1REM으로 유지하는 방법?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!