하단에 모두 공백을 추가하는 동일한 높이

그래서 처음에는 평등한 높이를 사용하고 부모 div (#Content)의 높이와 일치하도록 하위 div (#sidebar)를 얻는 데 성공했습니다. 그러나 모든 페이지에 추가 공간이 추가됩니다. 세로 스크롤을 길게 만드는 내용이 많을수록 페이지 하단에 더 큰 빈 공간이 생깁니다. 나는 내가 개발 한 커스텀 Wordpress 테마를 사용하고있다. 문제는 어딘가에있다. 내가 현재 사용하고있는 코드는 다음과 같습니다 : http://fentonauto.com/web/category/sales/하단에 모두 공백을 추가하는 동일한 높이

당신이 제공 할 수있는 인도를 사전에 감사합니다

여기 <script type="text/javascript"> $(function(){ $('#Content').equalHeights(); }); </script>

사이트에 대한 링크입니다!

출처

2013-10-05 Timmay B Chillin

, 그것은 시간에 사이드가 완전히 공간을 작성하지 않는 것 같다. Mac OS 10.7.5입니다. Safari와 Chrome은 사이드 바를 바닥까지 "늘리지"않지만 Firefox는 잘 작동합니다. –

사이드 바를 페이지 아래쪽으로 확장 하시겠습니까? 아니면 페이지 내용 높이와 같게 만드시겠습니까?

이 시도 - 또한

jQuery(document).ready(function($) { 

    //THIS LINE GETS THE HEIGHT OF THE LEFT COLUMN DIV 
    var leftColumnHeight = $("#left-column").outerHeight(); 

    //THIS LINE APPLIES THE HEIGHT TO THE SIDEBAR 
    $("#sidebar").css("height", leftColumnHeight); 

    //TELLS YOU THE HEIGHT OF THE LEFT CONTENT DIV (DO NOT PUT ON WEBSITE)\\ 
    alert ("left column height is: "+leftColumnHeight); 
});

Example

출처

2013-10-06 09:30:53

사이드 바를 왼쪽의 왼쪽 내용 div에 따라 아래쪽의 빨간색 세 줄까지 늘리 길 원합니다. 두 div는 모두 Content div 내에 있습니다. –

하단에 모두 공백을 추가하는 동일한 높이

답변

관련 문제