틈새에 맞게 늘이기 div

Question

다음과 같은 메뉴가있는 새 포트폴리오 사이트에서 작업하고 있습니다. http://cl.ly/9rJ7 로고와 3 개의 버튼은 절대 위치에 있고 고정 폭을가집니다 (애니메이션에 의해 자바 스크립트 나중에). 오른쪽의 div는 세 번째 버튼과 브라우저의 오른쪽 가장자리 사이의 틈에 정확히 들어가야합니다 (스크린 샷과 같이).

나는 이미 폭 100 %, 왼쪽 위치 : 700px 및 상위 div : overflow : hidden으로 표시하려고했지만 오버플로가 ' 일부 브라우저에서는 작동하지 않습니다. 제안 사항이 있으십니까?

Answer 1

로고나 세 버튼 절대 위치 및 고정 폭가된다 .. 따라서 간극에 정확히 세번째 버튼 브라우저의 오른쪽 가장자리를 맞아야 오른쪽에 DIV .. I가했습니다 이미 100 %의 너비, 왼쪽 위치를 부여하려고했습니다. 700px

시도 position:absolute; left:700px; right:0.

left 및 right 속성을 모두 설정하는 것이 좋습니다.

Answer 2

왼쪽 요소를 왼쪽으로 띄운 다음 margin-left : 700 인 div를 추가하면 나머지 공간이 오른쪽으로 채워집니다.