html - how can solve floating issues -
i use css style aside. after applying style, aside moves left want @ right of page. want aside have height relational container. i.e. want bottom margin touch top of footer no matter height of container.
style:
aside { width:260px; float:right; border-left:1px dashed #aaa; padding-right:15px; padding-left:15px; text-align:center; position:absolute; overflow:auto; background-color:blue; border-radius:10px; box-shadow:0px 0px 7px rgba(0,0,0,0.5); }
remove position: absolute;
. if want keep position: absolute;
can add right: 0;
instead.
html,body{ height: 100%; } aside { width:260px; float:right; border-left:1px dashed #aaa; padding-right:15px; padding-left:15px; text-align:center; overflow:auto; height: 100%; background-color:blue; border-radius:10px; box-shadow:0px 0px 7px rgba(0,0,0,0.5); }
<aside>i'm @ right side</aside>
Comments
Post a Comment