html - How to get full height to windows for fixed panel <div> -
i have left , right panel in layout in html. left panel position fixed , right panel absolute , scroll-able. want left panel fill color height of window fixed. how make left panel fill color bottom of window.
because don't know html structure nor css code, tried "mimic" situation since didn't provided code, should of had done wonder how question still alive , haven't been deleted.
however may achieve using 1 of following methods:
set
height:100%left panel this
js fiddle 1#left-panel { height:100%; position: fixed;}
making use of viewport units
vh,vw,100vhfull window height, this: js fiddle 2#left-panel { height:100vh; position: fixed; }
you can set
top:0,bottom:0instead of settingheightproperty, this:
js fiddle 3#left-panel { top:0; bottom:0; position: fixed; }
Comments
Post a Comment