html自动适应高度问题
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table width="100%" height="100%" style="background: #c9defa; border-right: 1px solid #dfebfc">
<tr>
<td width="100%" align="left" valign="top" class="style1">
<table width="50%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="9">
</td>
</tr>
</table>
<iframe src="http://www.baidu.com" scrolling="yes" frameborder="0" id="iframeRight"
width="100%" height="96%"></iframe>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>我这样的目的是让这个Table自动适应浏览器的大小,让他百分比显示,宽度可以,但是这个Iframe的高度始终是没有高度,也就是没有适应浏览器高度。
看这两个高度,height="100%"和height=“96%”,我这里设置成百分比就始终不行,如果随便设置哪个height个绝对值比如:500px就行了
-----------
又莫名其妙的在一个页面上是行的,我拷贝到另一个页面就不行了,郁闷。
请大家不要让我设置固定高度,谢谢。
我要自动适应,要不然我就不发帖了
...全文
相关推荐
嵌入到HTML的iframe自动适应大小
### 总结与扩展通过上述分析,我们可以看到“嵌入到HTML的iframe自动适应大小”这一知识点涉及到了HTML、CSS和JavaScript的综合运用,尤其是在处理不同浏览器的兼容性问题时显得尤为重要
html 表格单元格的宽度和高度的设置方法
在使用这些方法时,需要注意的一个常见问题是,如果内容(如图片)的尺寸超过了设置值,表格可能会自动调整其宽度。
自动改变iframe的高度
### 自动改变iframe的高度在Web开发中,`iframe`是一种常用的技术,它允许在一个HTML页面中嵌入另一个HTML页面。
iFream自动获取高度
然而,一个常见的问题是如何让iframe自动调整其高度以适应内容的变化。这不仅可以提升用户体验,还能使页面布局更加整洁。#### 一、问题背景在默认情况下,iframe的高度通常是固定的。
浮动层自动适应高度的解决方法
浮动层自动适应高度的问题在网页布局中经常遇到,特别是在创建多列布局或者使用浮动元素时。浮动元素会导致其父元素高度塌陷,也就是父元素无法自动扩展到包含所有子元素的高度。


