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
Post a Comment