html - CSS vertical height justification -


please auto vertical height div or li elements via css. when table:

<table width="100%" border="1" cellspacing="0" cellpadding="0">   <tr>     <td rowspan="5" height="600">img width=100% height=auto</td>     <td>1</td>   </tr>   <tr>     <td>2</td>     </tr>      <tr>     <td>3</td>     </tr>      <tr>     <td>4</td>     </tr>     <tr>     <td>5</td>     </tr> </table> 

as example, every cell in right column has 1/5 of left cell's height. how can without table , div or li elements? left cell's height not known; element responsive.

<div style="width:100%;border:1px solid red;">     <div style="width:50%;height:100px;float:left;line-height:227px">test</div>     <div style="width:49%;float:right;border:1px solid red;">         <div style="height:50px;width:100%;border:1px solid #ddd;line-height:46px">1</div>         <div style="height:50px;width:100%;border:1px solid #ddd;line-height:46px">1</div>         <div style="height:50px;width:100%;border:1px solid #ddd;line-height:46px">1</div>         <div style="height:50px;width:100%;border:1px solid #ddd;line-height:46px">1</div>         <div style="height:50px;width:100%;border:1px solid #ddd;line-height:46px">1</div>     </div>     <div style="clear:both"></div>  </div> 

Comments

Popular posts from this blog

commonjs - How to write a typescript definition file for a node module that exports a function? -

openid - Okta: Failed to get authorization code through API call -

ios - Change Storyboard View using Seague -