[问题] 请问iframe如何固定左栏(不随浏览器变动

楼主: noworneverev (小朋友)   2014-05-16 02:59:06
小弟是初学者,练习了一些例子
在做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>
请大家帮帮忙谢谢!
作者: mmis1000 (秋月恋枫)   2014-05-16 03:13:00
左侧栏固定宽度,右侧栏设margin-lefthttp://jsbin.com/kavar/3/edit不过iframe还是建议少用,毕竟算有点过时的东西了ff怎么缩放都很正常,不知道你说显示异常的情境是?http://jsbin.com/kavar/4/edit 这样?

Links booklink

Contact Us: admin [ a t ] ucptt.com