Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE HTML>
<title>outline doesn't go around overflowing abspos descendants</title>
<style>
html, body { margin: 0; padding: 0; border: none }
html { overflow:hidden /* avoid second reflow for scrollbars */ }
body > div {
margin: 100px;
outline: 2px solid blue;
display: inline-block;
height: 50px;
width: 50px;
position: relative;
}
body > div > div {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
}
</style>
<body>
<div><div></div></div>