표준 레이아웃 흔 한 문제 및 해결 방법
3 픽 셀 문제 및 해결 방법
float 유동 용 기 를 사용 하면 IE6 에서 3px 의 공간 이 생 길 수 있 습 니 다.재 미 있 는 것 은 오른쪽 용기 가 높이 를 설정 하지 않 았 을 때 3px 는 오른쪽 용기 내부 에 있 고 높이 를 설정 한 후에 용기 의 왼쪽 까지 달 려 갔 기 때문에 구조의 정밀도 에 대한 요구 가 높다 면 예 29,31 의 해결 방법 을 참고 하 십시오.
위의 용기 가 떠 다 니 면,아래 의 용기 가 따라서 떠 서,페이지 가 어 지 럽 게 된다.
상기 예 에서 footer 는 한 줄 을 단독으로 차지 해 야 하지만 sidebar 가 움 직 이면 content 의 높이 가 sidebar 의 높이 보다 작 을 때 footer 도 sidebar 오른쪽 으로 움 직 여 페이지 가 어 지 럽 습 니 다.해결 방법 은 maincontent 와 footer 사이 에 용 기 를 삽입 하고 스타일 clear:both 를 설정 하 는 것 입 니 다.height:0; font-size: 1px; line-height: 0px;clear:both 로 제거 하면 페이지 를 정상 으로 만 들 수 있 습 니 다.
하위 요소 가 움 직 이 고 알 수 없 는 높이 일 때 어떻게 부모 용 기 를 하위 요소 의 높이 에 적응 시 킵 니까?
이 경우 부모 창 에 overflow:auto 를 추가 할 수 있 습 니 다.zoom:1;이 두 스타일 속성,overflow:auto;부모 용 기 를 내부 용기 의 높이 에 적응 시 키 는 것 입 니 다.zoom:1;IE6 호 환 을 위해 사용 하 는 CSS HACK 입 니 다.zoom:1;W3C 의 검증 을 통과 하지 못 한 것 도 아 쉬 운 점 입 니 다.다행히 IE 가이런 표기 법 은 IE 를 대상 으로 단독 스타일 을 쓸 수 있 기 때문에 이 속성 을 페이지 안의
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
접미사 표현 식 을 접미사 표현 식 으로 변환 하고 값 을 구 합 니 다 (스 택 사용)연산 자 는 보통 연산 자 사이 에 나타 나 기 때문에 접두사 표현 식 이 라 고 합 니 다. 양식컴 파일 시스템 은 표현 식 의 우선 순 위 를 고려 하지 않 고 표현 식 을 왼쪽 에서 오른쪽으로 스 캔 할 뿐 연...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
