创建页面，其中一部分是固定的，部分是动态的

Question

我需要以下表格拉伸高度

'div1'，'div2'和'div3'需要修复

面板和'div4'需要是动态的高度

'divLeft'需要靠近'divRight'

'vid​​41'，'vid42'，'vid43'大小应该是动态的'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>

1 个答案:

答案 0 :(得分：0)

要使元素的高度固定，请为其定义高度。任何没有height属性的元素都将具有动态高度（它将适合其'内容）。

.div1 {
  height: 400px;
}

上面的CSS会让div div1高400像素。

Answer 1

要使元素的高度固定，请为其定义高度。任何没有height属性的元素都将具有动态高度（它将适合其'内容）。

.div1 {
  height: 400px;
}

上面的CSS会让div div1高400像素。