2012-07-15 5 views
0

높이가 100 % 인 요소를 페이지에 펴서 오버플로 숨김 특성을 갖도록 할 수 있습니까? 요소의 내용이 너무 커지면 숨겨진 오버플로와 높이를 초과하지 않아도됩니까?가변 높이의 요소에 숨겨진 오버플로가 있습니까?

예에서 오버플로는 블록에서만 작동하기 때문에 요소 내부에서 span을 사용합니다. 기본적으로는 가능하지 않을 경우

here is an example on jsfiddle

이 몇 가지 가능한 해킹이있다? 어쩌면 높이를 감지하고 다시 요소로 피드 자바 스크립트와 함께?

는 IE 호환 할 필요는 없습니다가, 그 브라우저 확장

답변

0

사용 결국 자바 스크립트 = window.innerHeight 높이 감지하는 무엇입니까 I

또한 예를 아마 있었어야이 우리가 실제로 그 중간 부분이 컨텐츠를 강요하는 스트레칭입니다 볼 수 있습니다 http://jsfiddle.net/EWMwH/2/

및 높이를 100 % 설정하고 오버플로를 준수하지 않습니다.

그리고는 내가 처음으로 내가 따르지 않는 jsfiddle

0

것이 변수 크기와 요소에 오버 플로우를 사용하여 잘 작동합니다.

당신은 jsfiddle에 완전한 HTML 문서를 넣었습니다. 그리고 나서 그것을 다른 HTML 문서 안에 싸서 페이지가 깨질 것입니다.

+0

에서 전체 문서뿐 아니라 몸, HTML 문서를 붙여 그 문제에 나던 나에게 보인다? 당신은 요소를 의미합니까? 그리고 나는 스팬에 싸인 텍스트를 가지고 있지만 높이를 선언하지 않으면 깨지지 않을 것입니다 ... – DoTheEvo

+0

@DoTheEvo : jsfiddle의 HTML 창에는 무엇이 body 요소의 내용이어야하지만 HTML 문서가 있으므로 마지막 페이지에는 html, head 및 body 태그의 중복이 있습니다. – Guffa

관련 문제