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

Popular posts from this blog

c# - Better 64-bit byte array hash -

webrtc - Which ICE candidate am I using and why? -

php - Zend Framework / Skeleton-Application / Composer install issue -