div+css超链接左侧链接显示内容或网站到右侧
最好能有代码解释下,麻烦了 展开
效果如图:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<!-- 默认打开目标 -->
<base target="iframe"/>
<style>
#page{
width: 800px;
height: 400px;
}
#left{
float: left;
background: #ccc;
}
#right{
float: left;background: #fff;
}
</style>
</head>
<body>
<div id="page">
<div id="left">
<p>左侧</p>
<div>
<ul>
<li><a href="1.html" >分类管理</a></li>
</ul>
<ul class="con">
<li><a href="2.html" >标签管理</a></li>
</ul>
</div>
</div>
<!-- 右侧 -->
<div id="right">
<iframe frameboder="0" border="0" scrolling="yes" name="iframe" src="3.html"></iframe>
</div>
</div>
</body>
</html>
其中的html 页面分别如下:
html <body>中写上:分类管理在右侧、 2.html<body>中写上:标签管理在右侧 3.html<body>中写上: 我是右侧div