두 divs 나란히, 오른쪽 div 고정 너비

Question

나는 이것이 전에는 백만 번 질문했지만 나는 아직도 대답을 찾을 수없는 것 (대부분의 질문은 내가 싫어하는 것과 같은 것 같다는 것을 알고있다) .

두 개의 div가 #left 및 #right라고합니다. #right의 고정 된 크기는 150x50 픽셀입니다. #left를 확장하여 남은 공간을 채우고 #right를 화면의 오른쪽에 놓기를 원합니다. 나는 다른 방법으로 그것들을 뜨기도하고 디스플레이를 설정하려고 시도했다 : 인라인 블록; 그러나 나는 아직도 그것을 못질 것 같습니다. 내가 읽은 모든 기사는 왼쪽 div가 고정되고 right가 성장하는 것에 관한 것입니다. 나는 내가 읽은 것을 뒤집어 썼다. 그러나 항상 #right div 주위에 떠있는 #right div로 연결된다. 이것이 의미하는 바는 #left div가 최소 (인라인 블록)로 줄어들거나 처음 50px를 #right로 표시 한 다음 #left의 나머지 부분이 플러시 상태가 아닌 #right로 처리됩니다.

나는 이것이 의미가 있기를 바랍니다. 설명하기가 어렵습니다. 이 같은

Answer 1

쓰기 :

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

HTML

<div class="right">fixed</div> 
<div class="left">auto</div> 

는 확인이 http://jsfiddle.net/TW4dn/

Answer 2

당신이

을 시도 할 수 있습니다