Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<html>
<head>
<title>Test mpadded height depth</title>
<style type="text/css">
div#bigsquare1 {
position: absolute;
width: 100px;
height: 50px;
background: blue;
}
div#smallsquare1 {
position:absolute;
width: 20px;
height: 20px;
left: 0px;
top: 30px;
background: red;
}
/* left = lspace = 0;
top = heightBig - heightSmall - voffset;
= 50 - 10 - 10*/
</style>
</head>
<body>
<div id="bigsquare1">
<div id="smallsquare1">
</div>
</div>
<div id="bigsquare2">
<div id="smallsquare2">
</div>
</div>
</body>
<html>