2012-04-12 2 views
0

CSS로 원하는 동작을 얻으려고 애 쓰고 있습니다. 내 #left의 DIV의 폭이 스트레칭 할 http://jsfiddle.net/c2Snd/Div 스트레치가 다른 부동 div를 감싸고 있습니다.

,하지만 멀리 #right의 사업부로 :

나는 내 문제를 보여줍니다 여기에 JSFiddle를 만들었습니다.

기본적으로 필자는 #left divs가 텍스트처럼 내 #right 다이빙을 감싸고 싶습니다. JSFiddle에서 상위 2 개의 빨간색 상자의 너비는 50 %가됩니다. 그러면 아래쪽 빨간색 상자의 너비는 100 %가됩니다.

+1

개 이상의 사업부의 ID를 사용하지 말아야 ... 사용 클래스 대신 – riso

+0

당신이 당신의 왼쪽 사업부 내에서 오른쪽 사업부를 둥지를 시도 했습니까? 오버플로 설정 : 숨김, 최소 높이를 사용하여 제거 : 명시 적 높이 대신 100px : 100px? 이렇게 : http://jsfiddle.net/5d52h/? 그런데 – wachpwnski

답변

3

은 거의가 .. 혼동 한 것 같은데?

http://jsfiddle.net/c2Snd/2/

+0

하지만, 두 개 이상의 클래스가 있으므로'# left' div에 클래스를 사용해야합니다. ID는 고유해야합니다. –

+0

와우, 단 한 줄의 CSS만으로도 충분했습니다. 정말 고마워! – krische

+0

'overflow : hidden;'을 사용하지 않고 이것을 수행 할 수있는 방법이 있습니까? 상자의 높이를 초과하는 빨간색 상자 안에 절대적으로 배치 된 메뉴를 표시해야하므로'overflow : hidden; '을 사용할 수 없습니다. –

0

그럼 난이 일에 대한 바로 가기가 있는지 알고,하지만 당신은 폭 및 테두리 폭의 비율을 사용해야합니다 같은 것을 만들려면이 다시 바이올린 .. http://jsfiddle.net/c2Snd/1/ 을 시도, 그래서 그들은 비례하지 않는다 서로에게. http://jsfiddle.net/BCBd2/1/

0

이 당신의 목적을 제공합니까 :