Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>CSS Test: BODY with overflow:hidden</title>
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
<meta name="assert" content="The overflow value that gets propagated to
the viewport is the one of the <html>, not the <body>.
Therefore, the <body> is able to hide its overflowing contents.">
<link rel="match" href="overflow-body-propagation-012-ref.html">
<style>
html {
overflow: hidden;
height: 500px;
}
body {
overflow: hidden;
width: 0px;
height: 0px;
border: solid 200px green;
}
div {
background: red;
height: 200px;
width: 200px;
}
</style></head>
<body><div></div></body>
</html>