페이지 레이아웃의 위치 지정에 대한 자세한 해석

다음은 제가 정리한 페이지 레이아웃의 위치입니다. 관심 있는 학생들은 한 번 살펴보세요.

페이지 레이아웃에 div+CSS를 사용할 때 위치 위치 지정은 다음과 같이 이해됩니다.

1. (현재 요소의) 위치: 상대, 문서 흐름의 레이아웃에서 벗어나지 않으며 자체 위치를 기준으로 오프셋 , 원본 자체 공백 위치가 있으면 다음 요소가 채워지지 않습니다. 즉, 현재 요소와 다음 요소의 상대 위치(또는 상대 순서)가 변경되지 않습니다. 일반적으로 다음과 같이 이해합니다. , 현재 요소와 다음 요소의 순서가 동일하지 않습니다.

2. (현재 요소의) 위치: 절대, 문서 흐름의 레이아웃과 분리됨 원래 위치가 비어 있으면 위치 지정의 시작 위치가 상위 요소로 채워집니다(위치는 정적이 아닙니다). ) 또는 본문, 즉 상위 요소나 본문을 기준으로 현재 요소의 위치는 고정되어 있지만 후속 요소는 현재 요소 앞으로 이동할 수 있습니다. 일반적으로 현재 요소와 후속 요소의 순서가 다음과 같이 이해됩니다. 변화.

3. (현재 요소의) 위치: 고정, 절대와 유사하지만 스크롤 막대가 움직일 때 위치가 변경되지 않습니다(예: 스크롤 막대를 아래로 당길 때 웹 페이지의 오른쪽 하단에 배치된 일부 광고). , 광고 위치는 변경되지 않음), 이 요소가 보이지 않도록 브라우저를 축소하면 페이지에 스크롤 막대가 나타나지 않습니다.

4. (현재 요소의) 위치: 정적, 기본값.

위 내용은 제가 편집한 페이지 레이아웃의 위치입니다. 앞으로 도움이 되길 바랍니다.

관련 기사:

CSS 페이지 레이아웃 기술에 대한 자세한 소개

기본 CSS 지식 포인트에 대한 자세한 설명

드롭다운 탐색 메뉴 기능을 구현하는 jquery+CSS3

위 내용은 페이지 레이아웃의 위치 지정에 대한 자세한 해석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!