Fixed position relative to page flow

by cemre

HTML

<div class="container">
    <div class="navigation">
        <div class="item">Navigation</div>
        <div class="item">Navigation</div>
        <div class="item">Navigation</div>
        <div class="fixed-anchor">
            <div class="fixed">
                Tadaa!
            </div>
        </div>
    </div>    
</div>

CSS

body {
    background: #eee;
}

.container {
    width: 400px;
    padding: 20px;
    height: 1000px;
    margin: 0 auto;
    background: #fff;
}

.item, .fixed-anchor {
    float: left;
    margin-right: 10px;
    position: relative;
}

.fixed {
    position: fixed;
    margin-left: 100px;
}