<!DOCTYPE html>
<html>
<head>
<title>框架测试</title>
<style type="text/css">
html { height: 100%; width: 100%; }
*html { padding-bottom: 150px; }
body { height: 100%; font-size: 12px; margin: 0px; padding: 0px; }
body div { background: #ccc; }
.top { position: absolute; top: 0px; left: 0px; height: 99px; border-bottom: 1px solid #ddd; width: 100%; }
.center { position: absolute; top: 100px; bottom: 50px; left: 0px; width: 100%; _height: 100%; }
.left { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 199px; border-right: 1px solid #ddd; _height: 100%; }
.right { position: absolute; top: 0px; bottom: 0px; left: 200px; right: 0px; background: #ddd; _height: 100%; _width: expression((document.documentElement.clientWidth || document.body.clientWidth)-200+"px"); }
.right iframe { height: 100%; width: 100%; background-color: transparent; }
* + html .right iframe { position: absolute; top: 0px; bottom: 0px; float: left; }
.bottom { position: absolute; bottom: 0px; left: 0px; height: 49px; border-top: 1px solid #ddd; width: 100%; }
</style>
</head>
<body>
<div class="center">
<div class="left">left</div>
<div class="right" id="right">
<iframe src="/a.html" frameborder="0" translate="yes" allowtransparency="true"></iframe>
</div>
</div>
<div class="top">top</div>
<div class="bottom">bottom</div>
</body>
</html>
