div로 전체 화면을 채우기 위해 - 픽셀 수

Question

현재 새 웹 사이트에서 작업하고 있으며 화면의 100 %에 맞게 div ID를 갖고 싶지만 그 중 250px 너비로 뭔가를 갖고 싶습니다. 이 div의 오른쪽. 나는 너비를하려고 노력하고있다 : 100 % - 120px 그러나 어떤 차이도 만들지 않는 것 같다. 어떻게해야합니까?

도움을 주셔서 감사합니다.

Answer 1

오른쪽에 250px로 div를 넣으려면 첫 번째 div가 화면의 100 %가되는 것을 원하지 않습니다. 두 번째 div 너비를 250px로 설정하고 첫 번째 div 너비를 auto로 설정하면 남은 공간이 채워집니다.

Answer 2

당신은 백분율에서 픽셀을 빼낼 수 없습니다. 이것은 답변이 아니지만, 먼저 CSS의 기본 사항을 배우는 것이 좋습니다. 그렇지 않은 경우 어떻게하면 제대로 작동하는지 알 수 없습니다. http://www.maxdesign.com.au/articles/css-layouts/

그리고 http://www.w3schools.com/ CSS 표준 : 여기

레이아웃 예제 및 자습서의 많은 좋은 웹 사이트입니다.

귀하의 특정 상황에 관한 한, 귀하는 잘못된 접근 방법을 취하고 있습니다. 100 %에서 너비를 뺄 수있게하려면 자바 스크립트를 사용하여이 목표를 달성 할 수 있습니다. jquery를 사용하면 다음과 같이 할 수 있습니다.

$("#div").width($(window).width() - 125); 

그러나 창 크기가 조정 된 후에는 작동하지 않습니다. 창의 크기가 조정될 때 크기 조정 이벤트를 추가하여 div의 크기를 조정할 수 있지만 이는 번거롭고 느리게 보일 수 있습니다. 가장 좋은 방법은 CSS 구현을 사용하는 것인데, 질문이 상당히 모호 합니다만, 사이드 패널을 사용하여 2 열 레이아웃을 설명하는 것처럼 보이지만 잘못 될 수 있습니다. 2 열 레이아웃의 경우 주요 내용이 액체인지 또는 정적인지 여부와 같은 다양한 옵션이 있습니다.

액체가 더 유용하기 때문에 액체로 가정합니다.

레이아웃을 만드는 데 jquery 레이아웃을 사용하고 싶습니다. 자바 스크립트를 사용하며 빠른 레이아웃을 만드는 데 매우 쉽습니다. http://jsfiddle.net/Z3nfv/1/