예:
2. 위치 : 절대 절대 위치 :1. 위치는 없습니다 : 외부 층의 절대 (또는 상대); 그런 다음 DIV는 아래 그림과 같이 브라우저와 관련하여 위치됩니다 (브라우저의 오른쪽 테두리에서 50 픽셀, 하단 테두리에서 20 픽셀).
2. 외부 층은 위치를 갖는다 : 절대 (또는 상대); 그런 다음 DIV는 아래 그림과 같이 외부 층 경계와 관련하여 위치됩니다 (D의 오른쪽 경계에서 50 픽셀, D의 하단 경계에서 20 픽셀).
예:
3. 위치 : 상대 상대적 위치 :아래 그림과 같이,이 div를 포함하는 DIV의 특정 위치에 비해 고정되어 있습니다. 외부 층에 그의 포함되지 않으면 브라우저에 비해 고정됩니다.
예:
4. 레이어링 ( Z-index ) z 축 방향 으로의 층은 종이 스택으로 나누고 층 수가 높을수록 상단이 높아진다.위의 예에서, 우리는 AA가 A를 포함한다는 것을 알 수 있습니다. 이후 코드의 디스플레이 레벨이 더 높기 때문에 코드의 순서를 변경하지 않고 Cover AA가 어떻게 Cover AA를 사용할 수 있습니까? 다음과 같이 :
예:
5. 플로트 : 왼쪽 , 오른쪽 왼쪽 과 오른쪽 인 경우 위치 ( 왼쪽 및 상단 ) 를 지정할 필요는 없지만 브라우저와 직접 관련이 있습니다. 외부가 래핑되면 외부 DIV 에 대한 제거 된 행 위치의 왼쪽 상단 또는 오른쪽 상단이 표시됩니다. 추가 : 1. 오버플로 : 숨겨진; // 부분을 넘어 숨기십시오. 스크롤, 스크롤 막대를 표시합니다.<div>/div> // 흐름을 잘라냅니다
2. 커서 : 포인터 마우스의 모양이 가리킬 때;
3. 반투명 효과 :
<div class = box> 투명 영역 <div>
스타일 시트의 코드는 다음과 같습니다.
.상자
{
불투명도 : 0.5; -Moz-opacity : 0.5; 필터 : 알파 (불투명도 = 50)
}
연습 예를 요약하려면 : Adva 웹 사이트의 형식 레이아웃의 일부
HTML 코드 : XML/HTML 코드 복사 컨텐츠를 클립 보드에 복사합니다