Position absolute prevent overflow

.abs-position {
    position:absolute;
    right:0;
    left: 300px;
    overflow: hidden;
}
.abs-content {
    width: 400px;
}

Source: stackoverflow.com

Position absolute prevent overflow

.abs-position {
    position:absolute;
    right:0;
    left: 300px;
    overflow: hidden;
    /* following: just for demonstration purposes */
    padding: 5px;
    border: 1px solid gold;
    opacity: 0.8;
}
.abs-content {
    width: 400px;
    /* following: just for demonstration purposes */
    padding: 5px;
    background: lightgray;
}
.container {
    width: 600px;
    background: cornflowerblue;
}

Source: stackoverflow.com

Position absolute prevent overflow

<div class="abs-position">
    <div class="abs-content">
         Absolut Vodka       
    </div>
</div>

Source: stackoverflow.com

Position absolute prevent overflow

<div class="abs-position">
    <div class="abs-content">
         Absolut Vodka       
    </div>
</div>
<div class="container">Other content<br>Other content<br>Other content<br>Other content<br></div>

Source: stackoverflow.com

Similar codes

0 vote154 views1 answer
Style image so it crops
CSS
-1 vote143 views1 answer
Select box arrow hide css in ie
CSS
0 vote392 views1 answer
Bring element to front css
CSS
-2 votes141 views1 answer
How to add pseudo class in html
CSS
3 votes147 views3 answers
Sass variable
CSS
175 votes301 views6 answers
Css image background
CSS
44 votes145 views5 answers
Breakpoint bootstrap
CSS
0 vote144 views1 answer
Bootstrap 3 progress bar animation
CSS
0 vote139 views1 answer
Inline list css without floats
CSS
0 vote138 views1 answer
Css cursor finger
CSS