效果:

<style type="text/css">
			p,ul,li,div,a {
				margin: 0px;
				padding: 0px;
			}
			
			#dd { /*大小*/
				width: 100%;
				height: 300px;
			}
			
			ul { /*左边导航*/
				width: 10%;
				height: 200px;
				list-style: none;
				float: left; /*左浮动*/
			}
			
			li {
				line-height: 50px;
			}
			
			div.my { /*右边显示内容*/
				width: 75%;
				height: 850px;
				/*border: 1px solid red;*/
				float: left;
				overflow: hidden;
			}
		</style>

<body>
		<div id="dd">
			<ul>
				<li>
					<a href="lly.html" target="main">1号店订单</a>
				</li>
				<li>
					<a href="lly.html" target="main">我的预约</a>
				</li>
				<li>
					<a href="wushuhan.html" target="main">常购订单</a>
				</li>
			</ul>

			<div class="my">
				<iframe name="main" width="100%" height="100%" src="lly.html" frameborder="0" seamless></iframe>
			</div>
		</div>
	</body>