2012-07-08 9 views
0

나는 CSS와 <div id="right_side_bar"> 있습니다div의 높이를 어떻게 동적으로 변경할 수 있습니까?

#right_side_bar{ 
margin-top:38px; 
    width:272px; 
    margin-left:722px; 
    background-color:#FFF; 
    padding-bottom:20px; 
    overflow-y:scroll; 
} 

나는 스택에 비슷한 질문을 보았다하지만 난 right_side_bar이 높이를 변경하는 방법을 알아낼 수 없습니다 창은 항상 100 % 있도록. 페이지의 나머지 부분과 함께 스크롤하지 않도록 고정시키고 싶습니다. 그러나 Gawker.com이 div 자체가 스크롤 할 수있는 곳과 정확히 일치합니다.

+0

; 정적 위치 지정 및 부모 높이 관련 계산 높이. –

+0

크롬의 [firebug] (http://getfirebug.com)를 사용하거나 "inspect element"를 사용하여 바의 스타일을 확인하십시오. 취할 수 있습니다. – Trey

답변

1

그것은 간단하다 : 나는 당신이 두 개의 서로 다른 접근 방식이 혼동 생각

#right_side_bar { 
    position: fixed; 
    top: 38px; 
    bottom: 20px; 
    background-color: white; 
    overflow-y: scroll; 
    width: 272px; 
} 
+0

div를 스크롤 할 수 있도록 변경하지 않았습니다. , 근본적으로 div는 단지 잘랐다, 어떤 생각이라도? –

+0

나는 그것이 오버플로 -y : 스크롤이 한 것이라고 생각했습니다. 무슨 일이 일어나고 있는지 스크린 샷을 보여줄 수 있습니까? –

+0

다음은 두 개의 스크린 샷입니다. 첫 번째는 div를 보여주고 두 번째는 창의 크기를 변경 한 후이를 보여주고 스크롤을 허용하지 않으므로 전체 div에 액세스 할 수 없습니다. http://i.stack.imgur.com/46kht.png http://i.stack.imgur.com/AcOqL.png –

관련 문제