gecko-dev/layout/reftests/margin-collapsing/block-sibling-2.html

33 строки
441 B
HTML

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#a {
height: 20px;
background-color: red;
margin-bottom: 20px;
}
#b {
height: 20px;
background-color: blue;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
top: 40px;
}
#c {
height: 20px;
background-color: green;
margin-top: 20px;
position: relative;
top: -40px;
}
</style>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
</body>
</html>