2011-10-17 15 views
4

고정 된 픽셀 높이를 원하지 않고 오버플로 : 숨김을 사용하는 페이지를 만듭니다.오버플로 : 숨김 및 % 높이

내 HTML의 형식은 다음과 같습니다.

<div class="scrollable fl"> 
...Some content 
</div> 

CSS는 다음과 같이 정의됩니다. 또한

.scrollable { 
    border-color: #CCCCCC; 
    border-style: solid; 
    border-width: 1px; 
    height: 100%; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
} 

은, 내가 준 오버플로를 추가 : 숨겨진 (부동 소수점과 : 일부 부모뿐만 아니라 왼쪽) 스크롤의 모든 부모/상위 div의에 ..

지금 문제가 있다는 것입니다 스크롤 가능 div는 높이를 100 %로 지정하면 콘텐츠에 따라 확장되지 않습니다 (고정 된 픽셀 높이에 맞 춥니 다.) 그러나 완전히 유체 레이아웃을 설계하고 있으므로 옵션이 없습니다.

2 가지를 시도했습니다. 내 곁에서 일하지 않았다. 1. 키핑 높이 체인 살아 (즉, 스크롤의 모든 부모/조상 div의 100 % 높이를 제공 2. 높이려고 :. 스크롤

에 대한 자동이 문제를 어떻게 해결합니까

+0

여기에서 같은 문제가 발생합니다. / – magnattic

답변

1

사업부는? 당신이 원하지 않는 무엇의 내용에 의해 요구되는 높이의 100 %로 설정

시도 :..

.scrollable { 
    border-color: #CCCCCC; 
    border-style: solid; 
    border-width: 1px; 
    overflow: hidden; 
    position: relative; 
    top:0px; 
    bottom:0px; 
    width: 100%; 
} 

당신은 다른 요소까지뿐만 아니라 체인에 대해이 작업을 수행해야 할 수 있습니다

관련 문제