2012-05-02 3 views
0

다음과 같은 레이아웃이 있습니다 : http://jsfiddle.net/pWmBj/2/.CSS에서이 레이아웃을 사용할 수 있습니까?

  1. 최소 폭 : 용기 (#par)
  2. 최대 폭의 100 % : 300 픽셀 (않는 #par 폭 .active가 ON으로 전환 될 때 단, I는 다음과 같은 특성을 갖는 #par.active>div 싶습니다 > 300 픽셀 - 내가 그 분 폭의 기본 동작)이있어 있으리라 믿고있어
  3. 폭 : 자동

문제는 #par.active>div은 결코 width:auto CSS에 관심을 보인다는 것이다. 자연스러운 너비로 확장하고 싶지만 부모 너비 (#par)로 제한됩니다. 어둠 속에서

+0

JavaScript가 없으면이 레이아웃이 불가능합니다. – Azmisov

답변

0

그냥 촬영 :

<div> 년대는 블록 레벨 요소 - 기본적으로, 그들은 그들의 부모의 폭을 가정합니다.

#par.active>div { 
... 
display: inline-block; 
} 

내가 당신 JSFiddle에 그것을 시도,하지만 난 그 후 당신 효과의 경우 완전히 확실하지 않다 :

당신은 시도 할 수 있습니다.

+0

다음과 같이 표시하고 싶습니다. http://jsfiddle.net/FPWRV/. '# par.active> div'위치는 절대 경로와 최소 경로 : #par의 100 %를 제외하고는 예외입니다. – Azmisov