마진 관련 기술에 대한 기사 공유

말도 안되는 소리는 그만하고 바로 마진 관련 스킬 주제로 넘어가겠습니다.

1. 요소를 가로 가운데로 설정합니다: margin:x auto;

2. 음수 여백 값을 사용하면 요소가 옮겨지고 테두리가 병합됩니다.

Margin merging

　은 두 개의 수직 여백이 만나 하나의 여백을 형성한다는 의미입니다. 병합된 여백의 높이는 병합된 두 여백의 높이 중 더 큰 것과 같습니다.

마진 병합 해결 방법:

　a.

　b. 한쪽에 여백을 설정하고 일반적으로 margin-top을 설정합니다

　c. 요소를 부동 또는 위치 지정합니다(요소가 부동 또는 위치 지정되면 여백 병합이 발생하지 않음)

margin-top 붕괴

두 개의 상자가 중첩되면 내부 상자에서 설정한 여백 상단이 외부 상자에 추가되어 내부 상자의 여백 상단 설정이 실패하게 됩니다.

　a. 외부 상자의 테두리

　b. 외부 상자 설정 오버플로:hidden

　c. 의사 요소 클래스 사용:

　.clearfix:before{

　dispaly:table;

　}

위 내용은 마진 관련 기술에 대한 기사 공유의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!