blob: 096c7b4ea7321ba72512d5e6289e03544643e8d3 [file] [log] [blame]
<!DOCTYPE html>
| Overflow hidden and position absolute div with position absolute children.
| The overflow hidden applied to the positioned children.
body {
font-family: Roboto;
font-size: 16px;
.red {
width: 400px;
height: 20px;
background-color: #FF0000;
.positioned-overflow {
position: absolute;
overflow: hidden;
width: 300px;
height: 50px;
background-color: #00CC00;
.positioned {
position: absolute;
top: 60px;
<div class="positioned-overflow">
<div class="red"> This is not absolute positioned red. Only partial of this line is visible and red. </div>
<div class="red positioned"> This line is invisible. </div>