iframe自适应高度和宽度 全css实现无javascript
2010-04-28 11:19
761 查看
<html>
<head>
<title>菜单管理</title>
</head>
<body style="margin:0px;padding:0px;overflow:hidden;">
<form runat="server" id="form1" style="width:100%;height:100%;"
><div style="width:200px;height:100%;overflow:auto;position:absolute;left:0px;border:solid 1px black">
这里是左侧菜单栏,菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏
菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏
菜单栏菜单栏菜单栏菜单栏
</div
><div style="height:100%;margin:auto auto auto 200;"
><iframe id="detail" name="detail" style="margin:0;padding:0;
height:100%;width:100%;right:0px;border:solid 0px red;"
src="http://www.baidu.com"%>"
></iframe></div
></form>
</body>
</html>
<head>
<title>菜单管理</title>
</head>
<body style="margin:0px;padding:0px;overflow:hidden;">
<form runat="server" id="form1" style="width:100%;height:100%;"
><div style="width:200px;height:100%;overflow:auto;position:absolute;left:0px;border:solid 1px black">
这里是左侧菜单栏,菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏
菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏菜单栏
菜单栏菜单栏菜单栏菜单栏
</div
><div style="height:100%;margin:auto auto auto 200;"
><iframe id="detail" name="detail" style="margin:0;padding:0;
height:100%;width:100%;right:0px;border:solid 0px red;"
src="http://www.baidu.com"%>"
></iframe></div
></form>
</body>
</html>
相关文章推荐
- iframe自适应高度和宽度 全css实现无javascript
- javascript原生和jquery库实现iframe自适应高度和宽度
- javascript原生和jquery库实现iframe自适应高度和宽度
- CSS完美实现iframe高度自适应(支持跨域)
- 使用javascript实现Iframe自适应高度
- javascript实现iframe 高度自适应(经典)
- css实现div高度根据自适应宽度(百分比)调整
- 按钮宽度和高度固定,字体大小根据字数自适应用的javascript实现
- CSS实现高度和宽度自适应
- jquery库实现iframe自适应内容高度和宽度
- CSS实现左右栏宽度固定中间栏宽度变化且各栏高度自适应背景色不同的三栏布局
- css实现iframe的高度自适应
- css 没有宽度和高度声明实现的全屏自适应效果
- jquery库实现iframe自适应内容高度和宽度
- jquery库实现iframe自适应内容高度和宽度
- CSS实现自适应高度布局:头部底部固定,中间自适应铺满屏幕剩余高度,中间盒子里左盒子固定右盒子自适应宽度
- 使用javascript实现Iframe自适应高度
- javascript实现iframe 高度自适应(经典)
- 【笔记】css 实现宽度自适应屏幕 高度自适应宽度
- jquery库实现iframe自适应内容高度和宽度