<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
.content_left{
width:30%;
height:500px;
float:left;
border:1px solid #000;
}
.content_right{
width:60%;
height:500px;
float:right;
border:1px solid #000;
}
</style>
</head>
<body>
<div class="content_left">
<ul>
<li><a href="http://taobao.com" target="demo_iframe" >淘宝</a></li>
<li><a href="http://baidu.com" target="demo_iframe" >百度</a></li>
</ul>
</div>
<div class="content_right">
<iframe src="http://baidu.com" name="demo_iframe" height="500" width="920" frameborder=0 ></iframe>
</div>
</body>
</html>
实现效果