css button bottom of div code example

Example 1: add fixed button bottom

#fixed_button{
    position: fixed;
    z-index: 999;
    right: 0.75rem;
    bottom: 0.75rem;
    display: none;
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 1.875rem;
    background: #4f3cda url("../images/up-arrow.png") no-repeat center 47%;
        background-size: auto;
    background-size: 1.125rem 1.125rem;
    text-indent: -9999px;
}

Example 2: css div at bottom of div

/* Position inside div at the bottom of containing (outside) div */

<style>
.outside {
	position: relative;
    width: 200px;
    height: 200px;
    background-color: #EEE; /*to make it visible*/
}
.inside {
    position: absolute;
    bottom: 2px;
}
</style>
<div class="outside">
    <div class="inside">inside</div>
</div>

Tags:

Misc Example