用div布局框架，点侧边栏div内容显示在右面的div里？
如果不用iframe能实现吗？能给我个小例子吗？我的代码<body><divid="container"><divid="main"class="clearfix"><d...
如果不用iframe能实现吗？
能给我个小例子吗？
我的代码
<body>
<div id="container">
<div id="main" class="clearfix">
<div id="top1">
<%@ include file="/webpage/include/top1.jsp" %>
</div>
<div id="header">
<%@ include file="/webpage/include/header.jsp" %>
</div>
<div id="sidebar-left1">
<%@ include file="/webpage/centerLeft.jsp" %>
</div>
<div id="content">
<%@ include file="/webpage/centerRight.jsp" %>
</div>
</div>
</div>
<div id="Foots">
<%@ include file="/webpage/include/foot.jsp" %>
</div>
</body> 展开
能给我个小例子吗？
我的代码
<body>
<div id="container">
<div id="main" class="clearfix">
<div id="top1">
<%@ include file="/webpage/include/top1.jsp" %>
</div>
<div id="header">
<%@ include file="/webpage/include/header.jsp" %>
</div>
<div id="sidebar-left1">
<%@ include file="/webpage/centerLeft.jsp" %>
</div>
<div id="content">
<%@ include file="/webpage/centerRight.jsp" %>
</div>
</div>
</div>
<div id="Foots">
<%@ include file="/webpage/include/foot.jsp" %>
</div>
</body> 展开
4个回答
展开全部
可以，左边做一个固定页面，右边做一个调用页面就可以了
更多追问追答
追问
看我代码，那我把centerLeft.jsp写出来，然后调用centerRight.jsp和其它页面呗
追答
对
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以啊，通过div的浮动，确定位置，然后设置一下单击事件，写一个js就可以了这个说的对，太笼统，你可以点击左边的那一个，来控制右边的div是否有显示不就得了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以啊，通过div的浮动，确定位置，然后设置一下单击事件，写一个js就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<style>
body{
margin:0px;
padding:0px;
text-align:center;
font-family:"宋体", "新宋体";
background-color:#ffffff;
}
#container{
width:800px;
height:auto;
position:relative;
text-align:left;
margin:0px auto;
padding:0px;
}
#top{
height:50px;
width:800px;
background-color:#090;
}
#middle{
margin-top:10px;
width:800px;
height:auto;
overflow:hidden;
}
#left{
margin:0px 0px 0px 10px;
background-color:#3F0;
width:250px;
float:left;
display:inline;
}
#right{
margin:0px 10px 0px 0px;
background-color:#30F;
width:400px;
float:right;
display:inline;
height:100px;
}
#bottom{
width:780px;
margin:10px 0px 0px 10px;
clear:both;
height:70px;
background-color:#0C0;
}
</style>
</head>
<body>
<div id="container">
<div id="top">
top
</div>
<div id="middle">
<div id="left">
left
</div>
<div id="right">
right
</div>
</div>
<div id="bottom">
bottom
</div>
</div>
<script type="text/javascript">
document.getElementById("right").style.height=document.getElementById("middle").scrollHeight+"px";
document.getElementById("left").style.height=document.getElementById("middle").scrollHeight-0+"px";
</script>
</body>
</html>
right 里面加内容的话 left会一起拉长 你可以加 br 测试
注意的是 right要固定高度
middle：height:auto;overflow:hidden; 要加上这2个
满意的话加分谢谢^^
<head>
<style>
body{
margin:0px;
padding:0px;
text-align:center;
font-family:"宋体", "新宋体";
background-color:#ffffff;
}
#container{
width:800px;
height:auto;
position:relative;
text-align:left;
margin:0px auto;
padding:0px;
}
#top{
height:50px;
width:800px;
background-color:#090;
}
#middle{
margin-top:10px;
width:800px;
height:auto;
overflow:hidden;
}
#left{
margin:0px 0px 0px 10px;
background-color:#3F0;
width:250px;
float:left;
display:inline;
}
#right{
margin:0px 10px 0px 0px;
background-color:#30F;
width:400px;
float:right;
display:inline;
height:100px;
}
#bottom{
width:780px;
margin:10px 0px 0px 10px;
clear:both;
height:70px;
background-color:#0C0;
}
</style>
</head>
<body>
<div id="container">
<div id="top">
top
</div>
<div id="middle">
<div id="left">
left
</div>
<div id="right">
right
</div>
</div>
<div id="bottom">
bottom
</div>
</div>
<script type="text/javascript">
document.getElementById("right").style.height=document.getElementById("middle").scrollHeight+"px";
document.getElementById("left").style.height=document.getElementById("middle").scrollHeight-0+"px";
</script>
</body>
</html>
right 里面加内容的话 left会一起拉长 你可以加 br 测试
注意的是 right要固定高度
middle：height:auto;overflow:hidden; 要加上这2个
满意的话加分谢谢^^
追问
怎么才能点左侧边栏的标题，然后右边content里显示内容呢，跟iframe效果相似的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
