요즘 관련 부서에서 아티스트를 모집할 때 모두 DIV CSS 레이아웃에 대한 지식이 필요합니다. 다음은 DIV CSS에서 접할 가능성이 가장 높은 8가지 인터뷰 질문입니다.
1. 하이퍼링크 접속 후 호버 스타일이 나타나지 않나요?
클릭한 하이퍼링크 스타일에는 더 이상 호버 및 활성 기능이 없습니다. 해결 방법은 CSS 속성의 순서를 변경하는 것입니다. LVHA
2. IE6의 이중 여백 버그
예를 들어:
<스타일 유형="텍스트/css">
본문 {여백:0;}
div {float:왼쪽; 여백-왼쪽:10px; 높이:200px;
플로팅 후 원래 여백은 10px이지만 IE는 이를 20px로 해석합니다. 해결 방법은 display:inline을 추가하는 것입니다.
3. FF의 텍스트가 컨테이너 높이를 확장할 수 없는 이유는 무엇입니까?
표준 브라우저에서 고정된 높이 값을 갖는 컨테이너는 IE6처럼 늘어나지 않습니다. 그렇다면 고정된 높이를 갖고 늘어나도록 하려면 어떤 설정을 해야 할까요? 해결책은 높이를 제거하고 min-height:200px를 설정하는 것입니다. 최소 높이를 모르는 IE6을 처리하려면 다음과 같이 정의할 수 있습니다.
div { 높이:자동!중요; 높이:200px }
4. IE가 웹 표준에 따라 스크롤 막대 색상을 설정할 수 없는 이유는 무엇입니까?
원래 스타일 설정:
<스타일 유형="텍스트/css">
body { 스크롤바-얼굴-색상:#f6f6f6; 스크롤바-그림자-색상:#eeeeee; 스크롤바-화살표-색상:#000; -색상:#fff; 스크롤바-어두운 그림자-색상:#fff }
해결책은 본문을 html로 바꾸는 것입니다.
5. 높이가 약 1px인 컨테이너를 정의할 수 없는 이유는 무엇입니까?
IE6에서 이 문제는 기본 줄 높이로 인해 발생하며 다음과 같은 다양한 해결 방법이 있습니다. Overflow:hidden | line-height:1px
6. FLASH에서 레이어를 표시하는 방법은 무엇입니까?
해결책은 FLASH의 투명도를 설정하는 것입니다.
7. 브라우저에서 레이어를 수직 중앙에 배치하는 방법은 무엇입니까?
<스타일 유형="텍스트/css">
여기서는 백분율 절대 위치 지정과 음수 외부 패치 방법, 음수를 사용합니다.