2011-11-06 3 views
1

다음 레이아웃? 여기두 Divs를 100 % 높이로 나란히 표시하는 방법은 무엇입니까?

enter image description here

당신은 높이가 100 % 2 DIV 컨테이너를 볼 수 있습니다을 달성하는 간단한 CSS의 방법이있다. 오른쪽 div는 메뉴 용이며 폭은 200px입니다. 그리고 왼쪽 div도 너비가 100 %이어야하지만 200px 여백이 있어야합니다 (이 솔루션은 저를 위해 작동하지 않습니다 : /). 적어도 모든 브라우저에서 그렇지는 않습니다. 가능하지 않은 사람이라면 누구나 jquery 플러그인을 추천 할 수 있습니까?

답변

5

당신은 다음과 같이 수행

CSS

.right{ 
    float:right; 
    width:200px; 
    height:100%; 
    background:red; 
} 
.left{ 
    overflow:hidden; 
    background:green; 
    height:100%; 
} 

html, body{ 
    height:100%; 
} 

확인이 http://jsfiddle.net/RDyY5/

관련 문제