2 개의 개별 열에 공통 CSS 속성을 적용하는 방법

'right_col'과 'left-col'의 두 열이 서로 다른 배경색을 사용합니다. 문제는 왼쪽 열에 동적 데이터가 있으므로 항상 변경 및 오른쪽 열은 정적입니다. 왼쪽 된 열 높이가 증가 할 때마다 해당 범위에도 적용됩니다. 그러나 오른쪽 열은 정적 데이터를 가지므로 왼쪽 열이 일정하지 않으므로 오른쪽 열에 동일한 높이를 적용해야합니다. , 오른쪽 기둥 세로도 증가하므로 배경이 자동으로 그 범위까지 적용되고 괜찮은 것 같습니다. 어떻게하면됩니까?2 개의 개별 열에 공통 CSS 속성을 적용하는 방법

출처

2012-06-11 Yashwant

거기에는 여러 가지 해결책이 있으므로 this great comparision of some techniques을 작성하는 것이 좋습니다. 가장 적합한 것을 선택하십시오.

"오프셋 된 열 및 컨테이너") - this article on matthewjamestaylor.com에서 설명한 것과 동일한 방법을 선택합니다.

출처

2012-06-11 09:44:09 oezi

좋아, 내가 참조거야 그 문서를 쉽게 – Yashwant

첫 번째 링크가 작동하지 않는 감사 할 수 있습니까? 그는 두 번째로, 언젠가는 저 링크를 발견하고 나 자신을 시도했습니다. 그러나 나는 나를 위해 일하게 만들 수 없었다. ( – maksbd19

디스플레이를 사용할 수 있습니다.이 경우 표 셀 속성입니다. 다음과 같이 작성하십시오 :

.left,.right{ 
    display:table-cell; 
}

이것을 확인하십시오. http://jsfiddle.net/7nSqX/.

위의 IE8 &까지의 작업입니다.

출처

2012-06-11 09:50:14 sandeep

이것은 IE7에서 작동하지 않는다. – Dipak

@Dipaks 나는 이것에 대해 이미 설명했다. – sandeep

당신이 당신이 그것을 확인하시기 바랍니다 수, jquery-

$(document).ready(function(){ 
    var left = $('#left_col'), 
     right = $('#right_col'), 
     left_height = left.css('height'); 
    right.css('height',left_height); 
});

출처

2012-06-11 09:51:19 maksbd19

2 개의 개별 열에 공통 CSS 속성을 적용하는 방법

답변

관련 문제