作者noworneverev (小朋友)
看板Web_Design
标题[问题] 请问iframe如何固定左栏(不随浏览器变动
时间Fri May 16 02:59:06 2014
小弟是初学者，练习了一些例子
在做menu的时候遇到一个困难，
左侧的iframe当浏览器缩小时会被卡掉
想请问如何让左边的iframe不随浏览器变动大小
本来是用frameset做，不过这个好像过时了
所以改用iframe做，以下是原始码
<head>
<title>menu</title>
<style>
* {
padding:0px;
border:0px;
margin:0px;
}
#left {
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:81.7%;
}
#right {
position:fixed;
top:0px;
bottom:0px;
left:18.3%;
right:0px;
}
iframe {
width:100%;
height:100%;
}
</style>
</head>
<body>
<div id='left'><iframe src='menu.html'></iframe></div>
<div id='right'><iframe src='introduction.html'></iframe></div>
</body>
</html>
请大家帮帮忙谢谢！
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 218.166.97.236
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Web_Design/M.1400180348.A.792.html
1F：→ mmis1000:左侧栏固定宽度，右侧栏设margin-left 05/16 03:13
3F：→ mmis1000:不过iframe还是建议少用，毕竟算有点过时的东西了 05/16 03:21
非常感谢您的回答，我刚刚试了一下的确左栏不会动了！
可是右边的iframe随着浏览器的缩放有可能会覆盖到左边不会动的iframe
因为用frameset的话没有这个问题，不知道有没有解决的办法？
其实有爬文到用pjax做menu，可是基础实在太差，希望有一天能够学会！
※ 编辑: noworneverev (218.166.97.236), 05/16/2014 03:29:12
4F：→ mmis1000:ff怎麽缩放都很正常，不知道你说显示异常的情境是？ 05/16 03:36