| <!doctype html> | |
| <head> | |
| <style> | |
| * { -webkit-box-sizing: border-box; } | |
| </style> | |
| </head> | |
| <body onload="document.body.offsetWidth; document.getElementById('test').style.border = '5px solid black'"> | |
| <div id="test" style="position:relative; width:100px;height:100px; border:10px solid blue; background-color:red"> | |
| <div style="display:inline-block"> | |
| <div> | |
| <div style="position:absolute;left:0;top:0;width:100%; height:100%;background-color:lime"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |