PTT
Submit
Submit
选择语言
正體中文
简体中文
PTT
Web_Design
[问题] 请问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-left
http://jsbin.com/kavar/3/edit
不过iframe还是建议少用,毕竟算有点过时的东西了ff怎么缩放都很正常,不知道你说显示异常的情境是?
http://jsbin.com/kavar/4/edit
这样?
继续阅读
Re: [问题] 双层连动式选单 chorm开ok ie开会烂掉?
heibow
[问题] HTML通讯相关问题
celiabbs23
[问题] adobe muse无法登入
hiro0201
[问题] chrome 开发完后的 IE 灾难
sandy4444
[请益] 如何在网页呈现图片缩放?
fatfatgigi
[问题] wordpress隐藏单一区块标题
kindom
[问题] wordpress要怎么造空格?
famayo
[问题] Blogger给的个人网域可以用来架站吗?
famayo
[问题] reset.css会咬死后台文字编辑器...
virgin7
[问题] jquery嵌在blogger中
j7451797
Links
booklink
Contact Us: admin [ a t ] ucptt.com