2011-04-05 2 views
0

I 필요한 다음 형성 할 연신 높이은 고정 부분

'div1', 'DIV2'및 'div3'필요 높이 고정 할

패널 동적이다 및 'div4'동적 높이를해야

근처에 'divLeft'필요성 'divRight'

'vid41', 'vid42', 'vid43'크기

012 동적 insiden 'div4'이어야

일부가 고정되어 있고 일부가 동적 인 페이지를 만드는 데 성공하지 못했습니다.

어떻게하면됩니까?

<h:form>  
     <div class="mainDiv"> 
     <div> 
      <div> 
      <div class="div1"><img /></div> 
      <div class="div2">xxx</div> 
      </div> 
      <div> &nbsp;</div> 
      <div class="div3">yyy</div> 
      <p:panel> 
      </p:panel> 
      <div class="div4" > 
      <div class="divLeft"> 
       <div class="vid41"> 
        ... 
       </div> 
       <div class="vid42">     
        ...                 
       </div> 
       <div class="vid43"> 
        ... 
       </div>  
      </div> 
      <div class="divRight"> 
       ... 
      </div>      
      </div> 
     </div> 
     </div> 
     </div> 
    </h:form> 
+0

자바 스크립트는 페이지를 만든 후에 속성을 변경할 수 있습니다. PHP 나 JSP와 같은 서버 측 프로세서는 사용자가보기 전에 이것을 할 수 있습니다. 너는 필요해? – bdares

답변

0

요소를 높이로 고정하려면 높이를 정의하십시오. 높이 속성이없는 요소는 동적 높이 (해당 내용에 맞게)를가집니다.

.div1 { 
    height: 400px; 
} 

위의 CSS는 div1 400 픽셀의 높이를 제공합니다.

+0

나는 그들에게 특정 높이가 서로를 다이빙하지 않는 것들 – Miri

+0

예, div는 블록 스타일의 요소입니다. 즉, div는 사용 가능한 모든 너비를 차지하고 기본적으로 자신의 줄에 표시됩니다. div를 나란히 표시하려면 인라인 ('display : inline;') 또는 부동 ('float : left;')으로 설정해야합니다. 두 가지 방법 모두 장단점이 있습니다. float [here] (http://css.maxdesign.com.au/floatutorial/)에 대해 자세히 알아보십시오. 여백이나 여백을 사용하여 펼칠 수도 있습니다. 'bottom-margin : 10px; – Owen