iframe自適應高度和寬度 全css實現無javascript
阿新 • • 發佈：2019-02-14
<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>