2011-09-21 13 views
0

나는 이전에 이와 비슷한 질문을했으며이 CSS 솔루션이 가장 가까운 것으로 나타 났지만 시가가 아닙니다. 가능한 한 도와주세요!아마 절대 div에 중첩 된 div?

높이가 일치하도록 두 개의 div, #post_content 및 #sidebar가 필요합니다. 이 문제에 대한 CSS 해결 방법을 찾으려고합니다.

게시물의 콘텐츠가 사이드 바의 콘텐츠보다 짧은 경우 위치를 지정하면 작업이 중단되지만 일부 콘텐츠는 잘립니다. #sidebar 내에 다른 div를 추가 할 수있는 CSS 솔루션이 있습니까? 항상 모든 내용을 표시하면서 #sidebar를 절대적으로 배치 할 수 있습니까?

참고 : #sidebar와 #post_content이 페이지의 #container에

예를 감싸 사이드 바의 내용 : 그것은 중요 # 사이드 바의 배경 및 테두리가 #post_content

참고로 같은 높이를 확장하다 관심 http://themeforward.com/demo2/2011/07/08/link/

는 CSS :

#sidebar { 
    float: right; 
    width: 410px; 
    overflow:hidden; 
    position:absolute; 
    clear:both; 
    border-left:1px solid #000; 
    background:#AAA; 
    top:0; 
    right:0; 
    bottom:0 
} 
#post_content { 
    clear: both; 
    display: block; 
    float: left; 
    position:relative; 
    overflow: hidden; 
    width: 660px 
} 
,536,913 (#sidebar보다 짧은 #post_content) - 오프를 절단되고 - 63,210

필요가 없습니다 ...하지만 이것은 CSS 성배

#container { 
    width: 1126px; 
    clear: both; 
    overflow:hidden; 
    position:relative; 
    margin:35px auto 
} 

답변

0

사용 될 수 있습니다 여기에이 기사의 : 응답에 대한 http://www.alistapart.com/articles/holygrail/

+0

감사합니다 ... 나는 몇 실행을해야 시간이 지나면 효과가 있는지 알려 드리겠습니다. – siouxfan45

+0

감사합니다! 할렐루야! 마지막 3 일 후에 해결책이 생겼습니다! – siouxfan45

+0

그리고 성배는 그것의 이름까지 산다. –

관련 문제