易截截图软件、单文件、免安装、纯绿色、仅160KB

iframe 自适应高度 宽度 全css 实现 无 javascript

<html>
<body style="margin:0;">
<div>
    <table style="width:100%;height:100%"  cellpadding='0' cellspacing='0'>
    <tr>
        <td style="width:120px;background-color:Red">
            <iframe id="MU" name="MU" style="position:absolute;top:auto;bottom:0px;height:100%;left:auto;right:0px;width:100%">
            </iframe>
            &nbsp;
        </td>
        <td style="background-color:Yellow">
            <iframe id="WA" name="WA" style="position:absolute;top:0px;bottom:0px;left:120px;right:0px;width:100%;height:100%"
            src="about:blank">
            </iframe>
            <div >a</div>
        </td>
    </tr>
    </table>
</div>
</body>
</html>
注： position:absolute;top:auto;bottom:0px;height:100%;left:auto;right:0px;width:100%
  去掉top:auto;bottom:0px;height:100%;为宽度自适应
  去掉left:auto;right:0px;width:100%为高度自适应


相关文档：

css中 display属性和visibility的区别

display Property Values
ValueDescription
none
The element will generate no box at all
block
The element will generate a block box (a line break before and after the element)
inline
The element will generate an inline box (no line break before or after the element). This is default
inline-blo ......

CSS 文字与输入框对齐

在进行div+css网页布局的时候，不可避免的需要插入一定的表单元素，input是其中最常见的一种。我们在布局中，常会遇到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
我们来看下面的例子，如何解决文本输入框与文本对齐的问题！
<!DOCTYPE html PUBLIC "-//W3C//DTD ......

CSS过滤器

1.alpha属性:
  alpha属性用来设置透明度。
  Filter: alpha (opacity=opacity, finishopacity=finishopacity,style=style,startX=startX,startY=startY,finishX=finishX,finishY=finishY)
  opacity表示透明度等级（0~100）
  finishopacity用来设置结束明的透明度
  startX和startY表示渐� ......

div+css学习1


内联式样式表
定义：直接对html标签写样式，缺点：如果标签过多，需要写过多的样式
公式：style="样式属性:属性的值；样式属性:属性的值"
<p style="font-size:50px">aaaaaaaaa</p>
嵌入式样式表
特点：将公共的样式写在“head”部分里面的。缺点:如果加载样式的页面多，需要写重复内容。
公 ......
© 2009 ej38.com All Rights Reserved. 关于E健网 | 联系我们 | 站点地图 | 赣ICP备09004571号