創建頁面它的一部分是固定的，部分是動態

Question

我需要以下形式將拉伸高度

「DIV1」，「DIV2」和「div3」的需要被固定HIGHT

面板和 'DIV4' 必須是動態的HIGHT

'divLeft的需求將接近 'divRight'

'vid41'， 'vid42'， 'vid43' 大小應該是動態的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> 

Answer 1

要使元素高度固定，請爲其定義高度。任何沒有高度屬性的元素都將具有動態高度（它將適合其內容）。

.div1 { 
    height: 400px; 
} 

上面的CSS將使div1 400像素高。