1</html> 2<html> 3<head> 4<title></title> 5<style type="text/css"> 6<!-- 7#header { 8 background: #0f0; 9 position: absolute; 10 top: 0px; 11 left: 0px; 12 width: 800px; 13 height: 100px; 14} 15#content1 { 16 background: #ff0; 17 position: absolute; 18 top: 101px; 19 left: 0px; 20 width: 400px; 21 height: 400px; 22 overflow: scroll; 23} 24#content2 { 25 background: #ff7; 26 position: absolute; 27 top: 101px; 28 left: 401px; 29 width: 400px; 30 height: 400px; 31} 32#footer { 33 background: #0f0; 34 position: absolute; 35 top: 502px; 36 left: 0px; 37 width: 800px; 38 height: 200px; 39} 40--> 41</style> 42</head> 43<body> 44<div id="header"></div> 45<div id="content1">You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible. 46You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible. 47You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible. 48You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible. 49You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible. 50You can use the overflow property when you want to have better control of the layout. Try to change the overflow property to: visible, hidden, auto, or inherit and see what happens. The default value is visible.</div> 51<iframe id="content2" name="control" src="testiframe2.html"> </iframe> 52<div id="footer"></div> 53</body> 54</html>