내부의 사이드 바이 사이드 크기 조정

저는 html5, javaScript 및 jquery를 처음 사용하고 크기 조정과 관련된 문제에 갇혀 있으며 전문가의 도움이 필요합니다.내부의 사이드 바이 사이드 크기 조정

문제는 내가 세 div가있는 div가 있다는 것입니다. 1st는 상단에있는 제목 div이고 다른 두 개는 제목 div 아래에 나란히 있습니다. 두 개의 나란히있는 div는 그 중 하나가 외부 div의 공간을 25 % 차지하고 다른 하나는 take 너비의 75 %.

이제 외부 div의 크기를 조정할 때 내부 div는 너비 비율이 그대로 유지되도록 조정해야합니다.

하지만 이것을 달성 할 수 없습니다.

은 지금까지 나는이

어느 한 내가 잘못하고 있어요 줘요 안내시겠습니까 했어요. 도움을 주시면 감사하겠습니다.

2012-07-25 A_user

또한 스타일을 분류하여 클래스로 분류하는 것이 좋습니다. 그것은 일을 훨씬 쉽고 깨끗하게합니다. – Chad

감사합니다. @ Torr3nt –

원유 대답은 당신의 폭에 대한 비율을 사용하는 것입니다 http://jsfiddle.net/xV28s/1/이

당신은 모든 사람들을 이동해야합니다 CSS로 스타일 요소.

2012-07-25 07:08:29 rkw

괜찮습니다. @rkw 도움을 주셔서 감사합니다. –

이 시도 :

CSS :

#parent { overflow: auto; } 
#inner-left { float: left; width: 25%; } 
#inner-right{ float: right; width: 75%; }

HTML :

<div id="parent"> 
    <div id="title">Title</div> 
    <div id="inner-left">&nbsp;</div> 
    <div id="inner-right">&nbsp;</div> 
</div>

2012-07-25 07:08:29 Kivin

괜찮음 @Kivin이 도움을 주셔서 감사합니다. –

답변