<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | |
<html> | |
<head> | |
<title>CSS 2.1 Test Suite: Updating layout on display changes</title> | |
<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#display-prop"> | |
<script type="text/javascript"> | |
function test() { | |
document.getElementById('float').style.display = 'none'; | |
} | |
document.addEventListener("load", test, false); | |
</script> | |
<style> | |
#float { width: 100%; float:left; } | |
div { background: red; color: green; width: 1em; font-family: Ahem; } | |
</style> | |
</head> | |
<body> | |
<p>There should be no red below, only green.</p> | |
<div id="float">X</div> | |
<div> | |
X | |
</div> | |
</body> | |
</html> |