플로팅 divs와 백분율의 너비

Question

그래서 나는이 질문과 비슷한 톤을 알고 있지만이 특정 질문에 대한 답을 찾을 수 없었다는 것을 알고 있습니다.

두 개의 열 div 레이아웃이있는 경우 왼쪽의 div는 250px의 고정 너비와 여백 - 왼쪽 : 5 %를 갖기를 원합니다. (그냥 내 디자인을위한 setupf) ...

두 번째 div (오른쪽에 하나) 기본적으로 오른쪽 끝에있는 화면으로 가고 싶습니다. 그래서 왼쪽 div는 250px이고 마진은 5 %로 남았고 두 번째 div (오른쪽에있는 div)를 브라우저의 나머지 부분 전체에 채우기를 원합니다.

두 번째 div에서 float 값을 100 %로 남겨 뒀지만 두 번째 div는 첫 번째 div의 아래쪽으로 이동하여 화면을 채 웁니다. 두 번째 div에 고정 된 witdth를 지정하면 플로트가 작동하지만 브라우저 창을 채우지 않습니다 ... 브라우저 창을 두 번째 div보다 작게 이동하면 첫 번째 div의 아래쪽으로 다시 내립니다 div ...

어쨌든, 그냥 고정 된 너비 (그리고 여백 - 백분율)와 div 하나를 가지고 어쨌든, 그리고 다음 div 똑바로 오른쪽의 첫 번째 (float처럼 일반적으로 100 % (또는 그와 비슷한 것) 비율로 화면의 나머지 부분을 채 웁니다.

오 나중에 차이가 나는 경우 높이 100 %를 갖기 위해 두 div가 필요합니다 ... 감사합니다! 이 같은

Answer 1

쓰기 :

.left{ 
    float:left; 
    background:red; 
    width:250px; 
    margin-left:5%; 
} 
.right{ 
    overflow:hidden; 
    background:green; 
} 

HTML

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

<div class="right">right</div> 

확인

CSS이 http://jsfiddle.net/ds8Ws/