2013-08-05 2 views
0

사이드 바와 콘텐츠라는 두 개의 열로 구성된 간단한 웹 페이지가 있습니다. 두 열 모두 동적이지만 사이드 바의 너비는 고정되어야하며 브라우저의 너비에 따라 내용 너비가 동적이어야합니다.반응 형 웹 디자인에서 고정 폭과 % 너비를 혼합하는 방법은 무엇입니까?

열의 너비를 계산하는 방법을 모르겠습니다.

감사합니다. 내가 무슨 짓을했는지

http://jsfiddle.net/ekVJe/

왼쪽 사이드 바 부동 한 다음 내용을의 폭에 해당의 왼쪽 여백을 줄 수 있습니다 :

+0

사이드 바 *는 실제로 크기가 고정되어야합니까? 이유는 무엇입니까? – tuespetre

+0

크기가 – user1134475

+0

인 애드 센스 광고가 포함되어 있기 때문에 이해가 잘됩니다. – tuespetre

답변

2

이 작업을 수행 할 수 있습니다 :

FIDDLE

#sidebar { 
    width: 200px; 
    float: left; 
} 

#content { 
    overflow: auto; 
/* trigger a block formatting context (this fills remaining horizontal width) */ 
} 
+0

감사합니다. 그게 내가 원하는거야. – user1134475

2

난 당신이 이런 식으로 뭔가를 찾고있는 상상 사이드 바는 :

#sidebar { 
    width: 200px; 
    float: left; 
} 

#content { 
    margin-left: 200px; 
} 
+0

감사합니다. 귀하의 답변은 이전 답변과 유사합니다. – user1134475

관련 문제