html - How to place a DIV regarding to lower left hand-side corner? -
i add li
s in div
. div
frame fieldset has no width
, no height
. size should automatically sized using padding. problem div
element of class of div
:
<div class="flag"> <div id="drop_up"> <fieldset> <ul> <li> content </li> </ul> </fieldset> </div> </div>
okay, li
's inserted automatically through loop.
now problem is, div drop-up frame. size of grows upwards , not downwands usual. can not position using left, bottom etc. because height different depending numbers of li
's.
my question if there way position element lower left hand-side corner? positioning takes effect on upper right hand-side corner no problem when div
growing downwards.
if there can me out appreciate.
thanks alot.
if understand trying achieve want bottom of 'drop_up' divs attached top of parent 'flag' divs, i.e. no matter how content in either 'flag' or 'drop_up'.
assuming understanding correct suggest wrapping 'drop_up' divs inside div (which call 'drop_upholder') , absolute position new div top of 'flag' div , absolute position bottom of 'drop_up' div holder div.
e.g.
<div class="flag"> <div id="drop_upholder"> <div id="drop_up"> .... .... </div> </div> </div> .flag #drop_upholder { position:absolute; z-index:0; top:0; height:0 } .flag #drop_up { position: absolute; z-index: 1; background-color: gray; padding: 25px; bottom:0; }
i hope helps.
Comments
Post a Comment