Блог

Мне нужна следующая форма, которая будет растягивать высоту

‘div1’, ‘div2’ и ‘div3’ должны быть исправлены по высоте

панель и ‘div4’ должны быть динамической высоты

‘divLeft’ должен быть рядом с ‘divRight’

Размер ‘vid41’, ‘vid42’, ‘vid43’ должен быть динамическим внутри ‘div4’

Мне не удается создать страницу, часть которой исправлена, а часть динамична.

Как я могу это сделать?

 <h:form>    
      <div class="mainDiv">
        <div>
          <div>
            <div class="div1"><img /></div>
            <div class="div2">xxx</div>
          </div>
          <div> amp;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>
  

Чтобы сделать элемент фиксированным по высоте, определите для него высоту. Любой элемент, у которого нет атрибута height, будет иметь динамическую высоту (она будет соответствовать его содержимому).

 .div1 {
  height: 400px;
}
  

Приведенный выше CSS даст make div1 высотой 400 пикселей.