2012-08-27 2 views
2

저는 "content box"-div 요소를 사용하여 PHP/include()를 사용하여 페이지를로드합니다. 이제는 "내용 상자"에로드 할 "상자"-div를 만들었습니다. -div는 내부 div의 내용이 너무 커질 때 내부 div가 확장되고 "확장"될 때 작동합니다. 바깥 쪽 div의내부 div가 확장 될 때 외부 div 요소가 확장되지 않습니다

내부 div가 외부 div의 최소 높이를 초과하면 외부 div 요소가 커지 길 원합니다.

내가 봤 거든 (심지어 stackoverflow에) 내가 스타일을 사용하여 div = ": 맑은 : 둘 다"사용하는 div 컨테이너 바로 뒤에 발견 : float : right; 또는 '부유물 : 왼쪽;'.

내가 어디에 넣을 지 잘 모르겠지만, 조금 놀았지만 여전히 어떻게 작동하는지 알 수 없습니다.

JSFiddle : JSFiddle inner div exceeding outer div

답변

9

단순히 외부 divoverflow: hidden를 추가 - 그냥 DIV에 position: absolute;를 추가 DEMO

div.contentbox_body { 
    min-height: 600px; 
    overflow: hidden; 
    background-color: blue; 
    padding-top: 9px; 
    padding-bottom: 9px; 
    padding-left: 25px; 
    padding-right: 25px 
} 
+0

감사합니다. 매력처럼 작동합니다. 아무도 이유를 알 수 있습니까? 둘 다 내 경우에는 작동하지 않습니까? – phew

+0

@phew "clear"는 "float"를 사용할 때만 작동합니다. –

2

.

Here 수정 된 바이올린입니다.

+0

도움을 주셔서 감사 합니다만 '위치 : 절대'를 사용하여 브라우저 간 호환성에 관한 나쁜 경험을 했으므로 졸탄의 해결책을 찾아 보겠습니다. – phew