2009-07-28 12 views
2

내 페이지 상단에 overflow : visible으로 설정된 div 요소가 하나 있습니다. 바로 아래에 페이지 콘텐츠가 있습니다."오버플로"방법 : 보이는 요소?

심미적 인 이유 때문에 상위 div가 확장되기를 원하지 않지만 블록 요소처럼 위의 오버플로를 처리하려면 아래 내용을 "삭제"하십시오.

CSS에 대해 잘 알고 있지만 ... 오버플로에 적용되지 않는 것 같습니다.

올바른 방법이 있습니까?

답변

2

overflow:visible은 기본적으로이 문제와 관련이 없습니다.

상단 div의 높이를 설정하고 그 안에 다른 부동 div를 넣습니다. 플로팅 div는 상단 div 외부로 확장되며 clear 스타일을 사용하여 그 아래로 갈 수 있습니다.

+0

를 해결해야 시도? 시원하고 흥미로운 소리 ... 구조적으로 건전한가요? – johnnietheblack

+0

예, 부동 요소는 상위 요소의 크기에 영향을 미치지 않으므로 맨 아래에 부동 요소가있을 수 있습니다. 이 문제가 발생하지 않도록하려면 일반적으로 거래 담당자를 사용하는 것이 일반적입니다. 페이지에 적절한 doctype이 있어야 IE에서 페이지를 표준 호환 모드로 렌더링하거나 부모 요소를 확장하여 부동 자식을 포함하게됩니다. – Guffa

+0

여기에서 고려해야 할 것이 있습니까? 그것은 나를 위해 작동하지 않습니다 (파이어 폭스 21, 오페라 12.12, 크롬 26). '깨끗한'스타일은 넘치는 플로트에 전혀 영향을받지 않습니다. 여전히 최상위'div '의 맨 아래에 위치합니다. –

0

overflow: auto; 

그것이 사업부를 확장하고 그래서 당신은 실제로 상위 사업부의 바닥에서 오버플로 부동 사업부를 통해 상단 DIV의 내용을 넣어 의미 문제

관련 문제